Input
HTML Form Input type
Dalam HTML <input type=""> merupakan elemen penting dari form HTML. Atribut type dari elemen input dapat berupa berbagai jenis, yang mendefinisikan bidang informasinya masing-masing. Contohnya membuat kotak input teks.
<input type="text" name="name">
Berikut adalah daftar semua type <input> pada HTML.
| Type | Description |
|---|---|
| text | Mendefinisikan bidang input teks satu baris. |
| password | Mendefinisikan bidang input password satu baris. |
| radio | Mendefinisikan tombol radio yang memungkinkan untuk pilih satu opsi. |
| checkbox | Mendefinisikan kotak centang yang memungkinkan untuk pilih beberapa pilihan/opsi. |
| button | Mendefinisikan tombol tekan sederhana, yang dapat diprogram untuk melakukan tugas pada suatu event. |
| file | Mendefinisikan bidang input untuk memilih file dari penyimpanan perangkat. |
| image | Mendefinisikan tombol kirim grafis/tombol kirim dalam bentuk gambar. |
| submit | Mendefinisikan tombol kirim untuk mengirimkan formulir ke server. |
| reset | Mendefinisikan tombol reset untuk mengatur ulang semua nilai dalam formulir. |
HTML5 menambahkan beberapa type baru pada elemen <input>.
Berikut adalah semua daftar type <input> pada HTML5
| Type | Description |
|---|---|
| color | Mendefinisikan bidang input yang digunakan untuk pemilihan warna. |
| date | Mendefinisikan bidang input untuk pemilihan tanggal. |
| datetime-local | Mendefinisikan bidang input untuk memilih tanggal tanpa zona waktu. |
| Mendefinisikan bidang input untuk memasukkan alamat email. | |
| month | Mendefinisikan bidang input untuk pemilihan bulan dan tahun, tanpa zona waktu. |
| number | Mendefinisikan bidang input untuk memasukkan nomor. |
| url | Mendefinisikan bidang input untuk memasukkan URL. |
| week | Mendefinisikan bidang untuk memilih tanggal dari minggu-tahun, tanpa zona waktu. |
| search | Mendefinisikan satu bidang teks baris untuk memasukkan string pencarian. |
| tel | Mendefinisikan bidang input untuk memasukkan nomor telepon. |
Penggunaan
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">