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