Desain form login dengan HTML dan CSS

Desain form login dengan HTML dan CSS

Hallo gan, pada kesempatan kali ini ilmukita akan membagikan sedikit ilmu tentang membuat atau men-desain form login dengan HTML dan CSS.

Seperti yang telah kita ketahui form login bertujuan untuk membatasi user dalam melihat dan berinteraksi dengan data serta menjaga keamanan data penting atau rahasia.

OK… gan kita langsung saja kita membuat form login menggunakan HTML dan CSS.

Membuat halaman login

seperti biasa kita buat terlebih dahulu sebuah folder dengan nama login , kemudian buat file dengan nama login.html dan simpan di folder login.

selanjutnya, ketikan script HTML-nya berikut ini :

Script HTML

 

Nah… jika sudah mengetikan script di atas, buka di browser, maka akan terlihat hasilnya seperti ini

capture

kemudian kita percantik tampilan form login tersebut dengan CSS, seperti yang telah kita ketahui CSS merupakan suatu kode pemrograman yang berfungsi untuk mempercantik tampilan HTML. untuk lebih jelasnya lihat disini

Membuat halaman CSS

langsung saja agan buat file baru dengan nama style.css, simpan file CSS tersebut didalam folder login yang telah kita buat tadi.

kemudian ketik script CSS berikut ini :

 

jika sudah, jalan kembali browser agan dan akan terlihat hasilnya seperti pada gambar

a

Nah kita sudah bisa membedakan form login yang menggunakan CSS dan tidak menggunakan CSS.

Download source code disini

Sekian tutorial kali ini, semoga bisa membantu agan-agan semua.

Baca juga : Pengenalan  tipe data, variable dan konstanta

LEAVE A REPLY

Please enter your comment!
Please enter your name here