HTML Form Input Types - HTML Input Type adalah elemen HTML yang digunakan untuk menambahkan form input pada halaman web. Input type digunakan untuk menentukan jenis input yang akan diterima oleh form.
Tipe Element Input
Beberapa jenis input yang sering digunakan diantaranya adalah text, password, checkbox, radio, dan submit.
Input type text
Input type text digunakan untuk menambahkan kotak teks pada form yang dapat diisi oleh pengguna.
Misalnya, jika kita ingin membuat form untuk mengumpulkan nama pengguna, kita dapat menambahkan elemen input dengan type text.
Input type password
Input type password digunakan untuk menambahkan kotak teks pada form yang digunakan untuk memasukkan password. Teks yang dimasukkan akan ditampilkan sebagai tanda bintang (*) untuk menjaga kerahasiaan.
Input type checkbox
Input type checkbox digunakan untuk menambahkan kotak centang pada form. Pengguna dapat memilih lebih dari satu pilihan dengan mencentang beberapa kotak.
Input type radio
Input type radio digunakan untuk menambahkan tombol radio pada form. Pengguna hanya dapat memilih satu pilihan dari beberapa pilihan yang tersedia.
Input type submit
Input type submit digunakan untuk menambahkan tombol submit pada form. Tombol ini digunakan untuk mengirimkan data yang dimasukkan oleh pengguna ke server.
Selain itu, masih banyak lagi jenis input yang dapat digunakan seperti input type file, input type date, input type number, dll.
Penggunaan input type yang tepat sangat penting untuk membuat form yang mudah digunakan dan dapat digunakan oleh pengguna dengan berbagai kemampuan.
Contoh kode HTML untuk membuat form
Berikut ini adalah contoh kode HTML untuk membuat form dengan input type yang berbeda:
<form action="submit.php" method="post">
<label for="name">Nama:</label>
<input type="text" id="name" name="name"><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br>
<label for="gender">Jenis Kelamin:</label><br>
<input type="radio" id="gender" name="gender" value="male">Laki-laki<br>
<input type="radio" id="gender" name="gender" value="female">Perempuan<br>
<label for="hobbies">Hobi:</label><br>
<input type="checkbox" id="hobbies" name="hobbies" value="reading">Membaca<br>
<input type="checkbox" id="hobbies" name="hobbies" value="traveling">Jalan-jalan<br>
<input type="checkbox" id="hobbies" name="hobbies" value="gaming">Main game<br>
<input type="submit" value="Kirim">
</form>
Pada contoh di atas, kita telah membuat form dengan input type text untuk nama, input type password untuk password, input type radio untuk jenis kelamin, dan input type checkbox untuk hobi.
Tombol submit digunakan untuk mengirimkan data yang dimasukkan oleh pengguna ke server.
Pastikan untuk mengganti action dan method sesuai dengan kebutuhan. Jika kamu tidak menentukan action, form akan dikirim ke halaman yang sama.
Baca juga : HTML Dasar: Tipe Element Input
Semoga contoh kode di atas dapat membantumu dalam membuat form dengan input type yang berbeda.
Namun, ingat bahwa ada berbagai macam input type yang dapat digunakan dan kamu dapat menyesuaikan sesuai dengan kebutuhan.
