Skip to content

Latest commit

 

History

History
65 lines (56 loc) · 2.49 KB

README.md

File metadata and controls

65 lines (56 loc) · 2.49 KB

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