Atribut type pada <input> mengubah UI-nya, papan kunci layar (mudah alih), dan pengesahan bawaan. Menggunakan jenis yang tepat meningkatkan kegunaan dan memberikan pengesahan gratis.
html
Atribut type pada <input> mengubah UI-nya, papan kunci layar (mudah alih), dan pengesahan bawaan. Menggunakan jenis yang tepat meningkatkan kegunaan dan memberikan pengesahan gratis.
Papan kunci mudah alih menyesuaikan — type="email" menunjukkan kunci @, type="tel" menunjukkan pad angka, type="number" menunjukkan angka. Ini saja adalah kemenangan kegunaan besar di telefon.
Pengesahan gratis — type="email" menolak not-an-email pada hantar, min/max mengikat nombor, type="url" memeriksa URL yang sah — tidak perlu 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 betul memberikan anda papan kunci mudah alih yang lebih baik, pemilih asli, dan pengesahan bawaan gratis — meningkatkan kebolehcapaian dan mengurangkan JavaScript yang mungkin anda tulis.
Ini adalah pilihan kecil dengan balasan UX yang besar.