Apa yang perlu digunakan dan bukannya nombor input

Apabila mengumpul nombor dalam bentuk, anda boleh mula berfikir menggunakan kotak input nombor. Walau bagaimanapun, pendekatan ini mempunyai pelbagai masalah. Pertama, kadang -kadang apa yang anda mahukan kelihatan seperti nombor, tetapi sebenarnya bukan nombor (contohnya, nombor kad kredit dengan ruang) kerana ia benar -benar hanya rentetan digit. Lebih penting lagi, ia mempunyai pelbagai isu pembaca skrin.

Hanna Laakso mendokumenkan isu -isu ini untuk gov.uk. Pendekatan terakhir mereka ialah:

<input type="text" inputmode="numeric">

Harta inputmode adalah hebat, dan kami mempunyai menyelam yang mendalam ke dalamnya.

Phil Nash datang ke kesimpulan yang hampir sama dan menyiarkan blog Twilio tentang bagaimana untuk meningkatkan pengalaman input kod pengesahan dua faktor:

<input type="tel" autocomplete="one-time-code">

Atribut terakhir adalah menarik dan novel kepada saya. Ini bermakna bahawa pada penyemak imbas yang menyokongnya, anda boleh mendapatkan pengalaman yang sangat berguna ini:

Phil juga menulis bahawa terdapat nilai autocomplete lain:

Terdapat banyak nilai autocomplete yang tersedia, meliputi segala -galanya dari nama dan alamat ke kad kredit dan butiran akaun lain. Terdapat beberapa nilai autocomplete yang sangat berguna untuk pendaftaran dan log masuk: username , email , new-password , current-password .

Pengurus Pelayar dan Kata Laluan mempunyai heuristik yang hebat untuk mencari borang log masuk di laman web, tetapi menggunakan username dan nilai current-password menjadikannya sangat jelas.

Atas ialah kandungan terperinci Apa yang perlu digunakan dan bukannya nombor input. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!