Apakah saya tetap bisa menggunakan <input type = “tel” /> sekarang?


107

Saya sedang mengerjakan aplikasi web ponsel dan saya memiliki beberapa bidang teks yang dapat dimanfaatkan <input type="tel"/>. iPhone akan menyesuaikan keyboard untuk pengguna, tetapi saya khawatir tentang kompatibilitas mundur. Apa yang saya harapkan adalah browser / ponsel yang mendukung ini dapat membantu pengguna dan browser lain akan kembali ke bidang teks standar? Apakah ini praktik yang dapat diterima? Apakah itu berhasil?


Sayangnya, browser Opera Mobile akan menampilkan kolom input teks biasa, dengan keyboard QWERTY normal, bukan numerik.
andreszs

Beberapa tahun kemudian dan sekarang kami memiliki caniuse.com/#feat=input-email-tel-url
John Magnolia

Saya pikir referensi TERBAIK adalah MDN
T04435

Jawaban:


130

Ya, semua jenis yang tidak didukung akan dikembalikan ke format 'type = text'.

Saya menemukan halaman bagus yang mencantumkan semua jenis input yang ada. Saya mencoba melihatnya dari browser yang berbeda, agak menarik. Tidak tahu apakah itu akan membantu Anda atau tidak.

http://miketaylr.com/pres/html5/forms2.html


1
Saya menguji menggunakan browserstack pada yaitu 7, 8, 9 pada sebuah proyek dan semuanya default untuk mengetik teks.
JAMESSTONEco

@anuson. Saya tidak yakin bagaimana cara menghubungi Anda, jadi maafkan gangguan di luar topik ini pada jawaban Anda. Silakan lihat metaposting saya tentang Anda menghapus Topik saya hari ini. Terima kasih atas waktu Anda.
tandai

link yang bagus .. thanx
deemi-D-nadeem

22

Browser akan kembali ke type = "text" jika mereka menemukan jenis masukan yang tidak didukung. Jadi saya pikir tidak apa-apa menggunakan type = "tel".


15

Jawaban singkatnya: ya. Seperti yang disebutkan @ el.pescado, browser kembali ke type=textsaat mereka tidak memahami jenisnya. Untuk info lebih lanjut tentang fitur keren lainnya yang Anda dapatkan dari formulir HTML5, lihat A Form of Madness , yang merupakan bab formulir di Dive Into HTML5.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.