Elemen <input> adalah elemen form yang paling fleksibel berkat adanya atribut type.
| Type | Tampilan & Fungsi |
|---|---|
text | Kolom teks satu baris standar |
password | Menyamarkan karakter input |
email | Validasi format email otomatis |
number | Hanya menerima input angka (dengan min dan max) |
date | Pemilih kalender tanggal bawaan browser |
color | Pemilih palet warna visual |
checkbox | Kotak centang (pilihan banyak) |
radio | Pilihan bulat tunggal dari beberapa opsi |
file | Tombol unggah berkas dari komputer/HP |
<!DOCTYPE html>
<html>
<body>
<h3>Uji Coba Tipe Input HTML5</h3>
<label>Pilih Warna Favorit:</label><br>
<input type="color" value="#04AA6D"><br><br>
<label>Pilih Tanggal Lahir:</label><br>
<input type="date"><br><br>
<label>Tingkat Kemahiran (Range):</label><br>
<input type="range" min="1" max="100" value="80">
</body>
</html>Menggunakan tipe input HTML5 yang tepat secara otomatis memunculkan keyboard yang sesuai di ponsel pintar (misal keyboard angka untuk type="number").
Tipe input apa yang digunakan untuk memilih satu opsi dari kelompok pilihan yang saling meniadakan?