Atribut type pada <input> mengubah UI, papan ketik pada layar (mobile), dan validasi bawaan. Menggunakan tipe yang tepat meningkatkan kegunaan dan memberikan validasi gratis.
Atribut type pada <input> mengubah UI, papan ketik pada layar (mobile), dan validasi bawaan. Menggunakan tipe yang tepat meningkatkan kegunaan dan memberikan validasi gratis.
Papan ketik mobile beradaptasi — type="email" menampilkan tombol @, type="tel" menampilkan bantalan angka, type="number" menampilkan angka. Ini sendiri adalah keuntungan kegunaan besar pada ponsel.
Validasi gratis — type="email" menolak not-an-email saat dikirim, min/max mengikat angka, type="url" memeriksa URL yang valid — tidak diperlukan JavaScript.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
Memilih jenis input yang benar memberi Anda papan ketik mobile yang lebih baik, pemilih bawaan, dan validasi bawaan gratis — meningkatkan aksesibilitas dan mengurangi JavaScript yang sebaliknya harus Anda tulis.
Ini adalah pilihan kecil dengan keuntungan UX yang besar.