Cara membuat login form sederhana menggunakan HTML dan CSS

Cara membuat login form dengan HTML

pengertian login dan logout

Sebelum kita mulai dengan ngoding, sebenarnya apasih Login itu?,
Kalian pasti sering ya melihat tulisan "login" atau "logout" di sosial media contohnya facebook, twitter, instagram, dan sebagainya. Di game pun juga ada "login" dan "logout", mungkin sebagian orang telah mengetahui apa itu "login" dan "Logout", tapi bagaimana dengan orang yang kurang paham dengan kata itu?, pastinya asal klik tanpa tahu maksudnya yakan? hehehe.

 Kata Log itu sendiri artinya "catatan".

Login bisa di sebut juga dengan "Sign in" adalah yakni berupa sebuah proses pintu untuk masuknya pengguna aplikasi, atau website tersebut untuk bisa mengakses(masuk). Login berbeda dengan Logout. Logout adalah proses keluar dari sistem komputer atau layanan tertentu. 

Baca juga 

Membuat login form sederhana dengan HTML

Sebelumnya kalian pasti sudah mengerti dengan Tag tag HTML. Nah sekarang kita akan membuat login form dari HTML dan CSS. langsung di ikuti saja langkah-langkah dibawah ini.
  1. Siapkan Text editor untuk mengetik Script HTML dan CSS, saya biasa menggunakan Sublime text, kenapa Sublime? mungkin karena mudah di gunakan bagi para pemula yang baru belajar tentang Pemograman web.
  2. Kalian bisa meng-copy paste script dibawah ini atau bisa kalian ketik sendiri.
Script HTML :



Script CSS :



Catatan : 

  • Untuk script Html simpan dengan ekstensi (namafile).html
  • Untuk script CSS simpan dengan ekstensi  (namafile).css

Atau bagi kalian tidak ingin filenya terpisah bisa meng-copy script dibawah ini : 




Bila sudah di save maka hasilnya akan seperti ini 




Sekian dari penjelasan membuat login form sederhana dengan HTML, jangan lupa share dan tinggalkan komentar. Dan juga jangan lupa untuk membaca artikel lainnya di Catatanshand.blogspot.com


Sekian terima kasih.

Tentang Penulis

Yushandrino Ramadilesta

Hai..Salam kenal saya Yushandrino, saya memiliki ketertarikan tentang dunia IT baik itu dibidang jaringan, hardware, software ataupun Programming. Saya pun ingin memperdalam ilmu pengetahuan saya akan dunia IT yang dimana, suatu saat nanti dapat bermanfaat bagi orang lain sama halnya dengan blog ini. Blog ini saya bangun dengan tujuan membagikan pengalaman atau ilmu yang saya punya dan saya tuangkan kedalam bentuk artikel dan beberapa video, semoga artikel di blog ini dapat bermanfaat.

Facebook | Whatsapp | Instagram

Subscribe to receive free email updates:

PERHATIAN SEMUANYA

Jika kalian memiliki pertanyaan atau terdapat kendala atau masalah baik itu pada penyampaian kata-kata ataupun kesalahan informasi atau kesalahan pada tutorial di artikel, kalian dapat kontak adminnya langsung disini atau silakan berkomentar dikolom komentar dibawah ini tentunya akan di approve cepat.

2 Responses to "Cara membuat login form sederhana menggunakan HTML dan CSS"

  1. Bisa jadiin referensi nih bang blognya aku gak bisa bisa belajar html wkwkwk :v

    ReplyDelete
  2. Hehehe makasih maas, mas bisa ko belajar html selagi ada niat dan giat belajar dijamin pasti bisa syukur syukur bisa buat web sendiri hehhe

    ReplyDelete

Hai para pembaca setia, Semoga artikel diatas bermanfaat :)
Ingin berkomentar silakan tetapi harus mengikuti aturan yang ada:

1. Berikan komentar yang relevan sesuai dengan artikel di atas ini.
2. Harap tidak berkata kasar dan Dilarang keras berkomentar yang mengandung SARA.
3. Silakan berikan masukan, kritik dan saran untuk artikel di atas atau blog ini agar blog ini bisa lebih baik kedepannya.

Komentarmu dan Followmu sangat berarti untuk peningkatan blog ini :)

Terima kasih sudah berkunjung.