Sebuah website dibangun bukan hanya digunakan untuk memberikan informasi kepada para user atau pengguna. Tapi, website juga bisa digunakan untuk mendapatkan informasi seperti data diri dari pengunjung website. Bagaimana caranya? Ya tentu dengan menggunakan form. Untuk membuat form pendaftaran yang sederhana di HTML sangatlah mudah. Ada dua cara yang bisa Anda gunakan, yaitu bisa dengan menggunakan tabel dan juga bisa
menggunakan div. Tapi, pada artikel kali ini kita akan membahas bagaimana cara membuat form pendaftaran yang sederhana yaitu dengan menggunakan tabel. Langsung saja, silakan simak langkah-langkahnya di bawah ini. 1. Sebelum membuat tabelnya pastikan berapa kolom dan berapa baris yang ingin Anda buat. Misalnya disini kita akan membuat 9 baris dan 3 kolom. Untuk lebih jelasnya silakan perhatikan script atau kode di bawah ini. Nah, untuk membuat tabel pasti Anda menggunakan tag
<table>. Sedangkan untuk membuat baris pada tabel Anda menggunakan tag <tr> dan kolom menggunakan tag <td>. Dapat Anda perhatikan pada script di atas, jumlah tag<tr> adalah 9 dan setiap di dalam tag <tr> terdapat tag <td> yang masing-masing berjumlah 3. 2. Lalu selanjutnya silakan Anda isi setiap baris dan kolom sesuai dengan kebutuhan dan keinginan 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 dapat Anda perhatikan pada script di bawah ini.
Hal yang perlu Anda perhatikan saat membuat form pendaftaran:
Nah, untuk hasil dari contoh script di atas dapat Anda lihat pada gambar di bawah ini. Sangat sederhana bukan? Anda bisa menambahkan CSS untuk membuatnya semakin lebih menarik. Berikut ini contoh menggunakan CSS.
Pada contoh di atas, saya hanya menambahkan background color pada tabel dan tombol submit dan reset. Dan membuat tabel beserta judul di tengah. Selebihnya bisa Anda tambahkan sesuai dengan kebutuhan dan keingin Anda. Contoh tampilannya dapat Anda lihat pada gambar di bawah ini. Sekian artikel kali ini yang membahas tentang bagaimana cara membuat form pendaftaran di HTML dengan sangat mudah. Semoga artikel ini dapat membantu dan bermanfaat bagi Anda. Terimakasih 🙂 Editor: Muchammad Zakaria Si pecinta hujan dan penikmat kopi yang suka duduk dalam lamunan sambil menghayal mimpi – mimpinya yang akan menjadi kenyataan. Bagaimana cara membuat form pada web di HTML?Untuk membuat form menggunakan bahasa HTML dapat mengunakan element HTML yaitu <form> … </form>. Dalam element form tersebut, harus ditambahkan element lain sesuai dengan jenis inputan yang dipakai yaitu element <input>, <label>, <textarea>, <select>, dan <button>.
Atribut apa saja yang di gunakan membuat form dalam document HTML?Atribut Type. Atribut type memiliki banyak sekali nilai, namun karena ini pembahasan mengenai form maka akan saya informasikan nilai-nilai yang sering digunakan untuk membuat form, antara lain: ... . Atribut Value. ... . Atribut placeholder. ... . Atribut Required. ... . Tag <textarea> HTML. ... . Tag <select> HTML.. Apa yang dimaksud Pembuatan form dengan tag HTML?Form merupakan bagian pada HTML yang dapat digunakan untuk membuat elemen Form pada halaman Web. Elemen Form dapat terdiri dari check box, radio button, menu, text box, text area, dan button. Text fields digunakan ketika pengguna ingin mengisi field seperti kata, angka dan lainnya.
Langkah langkah membuat form login?Cara Membuat Form Login yang Menarik dengan HTML. Deklarasikan Dokumen HTML Anda. Sekarang, buka file html form login Anda. ... . 2. Buat Kepala Halaman Form Login. ... . 3. Beri Judul Halaman Form Login. ... . 3. Sisipkan File CSS. ... . 4. Buat Badan Form Login. ... . Buat Layout Form Login. ... . 6. Beri Judul Form Login. ... . 7. Buat Kotak Form Login.. |