Tipe input yang tepat
Atribut type bukan sekadar soal validasi — di HP ia menentukan papan ketik yang muncul. type="email" memunculkan tombol @, type="tel" memunculkan tombol angka besar, dan type="date" memanggil pemilih tanggal bawaan sistem. Memilih tipe yang tepat adalah peningkatan pengalaman pengguna yang gratis dan sering terlewat pemula. Satu catatan penting: type="number" sebaiknya hanya untuk nilai yang benar-benar dihitung, bukan untuk nomor telepon atau NIK yang boleh diawali angka nol.
👀 Contoh dulu
<input type="email" name="email"> <input type="number" name="jumlah"> <input type="color" name="warna">
Hasilnya: Tiga input berbeda: email (validasi format @), number (ada tombol naik-turun), color (memunculkan pemilih warna).
💡 Di HP, type juga menentukan keyboard yang muncul — email menampilkan tombol @, number menampilkan angka.
📝 Sekarang giliranmu
Tambahkan tiga input dengan name masing-masing: type="password" (name sandi), type="tel" (name telepon), dan type="date" (name lahir).