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. |
<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">