Sebuah situs web dibangun bukan cuma digunakan untuk menawarkan gosip kepada para user atau pengguna. Tapi, website juga bisa dipakai untuk menerima informasi mirip data diri dari hadirin website. Bagaimana caranya? Ya pasti dengan menggunakan form.
Cara Membuat Form Pendaftaran dengan HTML
Untuk menciptakan form pendaftaran yang sederhana di HTML sangatlah gampang. Ada dua cara yang mampu Anda gunakan, yakni mampu dengan memakai tabel dan juga mampu menggunakan div. Tapi, pada postingan kali ini kita akan membahas bagaimana cara menciptakan form pendaftaran yang sederhana ialah dengan menggunakan tabel. Langsung saja, silakan simak langkah-langkahnya di bawah ini.
1. Sebelum menciptakan tabelnya tentukan berapa kolom dan berapa baris yang ingin Anda buat. Misalnya disini kita akan menciptakan 9 baris dan 3 kolom. Untuk lebih jelasnya silakan amati script atau isyarat di bawah ini.
Nah, untuk membuat tabel pasti Anda memakai tag
. Sedangkan untuk membuat baris pada tabel Anda memakai tag dan kolom menggunakan tag . Dapat Anda perhatikan pada script di atas, jumlah tag |
yakni 9 dan setiap di dalam tag
terdapat tag yang masing-masing berjumlah 3.
2. Lalu berikutnya silakan Anda isi setiap baris dan kolom sesuai dengan kebutuhan dan harapan Anda. Umumnya sebuah form terdiri dari, Nama, Tempat Lahir, Tanggal Lahir, Jenis Kelamin, dan lain sebagainya. Dan tentunya ada button untuk simpan dan batal. Untuk contohnya mampu Anda amati pada script di bawah ini.
Hal yang perlu Anda perhatikan saat menciptakan form pendaftaran:
Nah, untuk hasil dari pola script di atas dapat Anda lihat pada gambar di bawah ini.
Sangat sederhana bukan? Anda mampu menyertakan CSS untuk membuatnya kian lebih menawan. Berikut ini acuan memakai CSS.
h1 text-align: center;
table margin-left: auto; margin-right: auto; background-color: #FFCD42;
input[type="submit"] background-color: #22a4cf;
input[type="reset"] background-color: #F74F4F;
Pada contoh di atas, saya hanya menyertakan background color pada tabel dan tombol submit dan reset. Dan membuat tabel beserta judul di tengah. Selebihnya mampu Anda tambahkan sesuai dengan keperluan dan keingin Anda. Contoh tampilannya dapat Anda lihat pada gambar di bawah ini.
Sekian artikel kali ini yang membahas tentang bagaimana cara menciptakan form registrasi di HTML dengan sungguh gampang. Semoga artikel ini mampu menolong dan berguna bagi Anda. Terimakasih 🙂 Sumber mesti di isi
|