Czy mogę teraz używać <input type = „tel” />?

107

Pracuję nad aplikacją internetową na telefon komórkowy i mam kilka pól tekstowych, na których mogę skorzystać <input type="tel"/>. iPhone'y dostosują klawiaturę do użytkownika, ale martwię się o zerwanie wstecznej kompatybilności. Mam nadzieję, że obsługujące to przeglądarki / telefon mogą pomóc użytkownikowi, a inna przeglądarka powróci do standardowego pola tekstowego? Czy jest to dopuszczalna praktyka? Czy to w ogóle działa?

Michael
źródło
Niestety, przeglądarka Opera Mobile wyświetli zwykłe pole do wprowadzania tekstu, z normalną klawiaturą QWERTY zamiast klawiatury numerycznej.
andreszs
Kilka lat później i mamy teraz caniuse.com/#feat=input-email-tel-url
John Magnolia
Myślę, że NAJLEPSZYM odniesieniem jest MDN
T04435

Odpowiedzi:

130

Tak, każdy nieobsługiwany typ zostanie przywrócony do formatu „type = text”.

Znalazłem dobrą stronę, która zawiera listę wszystkich istniejących typów danych wejściowych. Próbowałem spojrzeć na to z różnych przeglądarek, trochę interesujące. Nie wiem, czy to ci pomoże, czy nie.

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

animuson
źródło
1
Testowałem używając browserstack na np. 7, 8, 9 w projekcie i wszystko było ustawione na tekst.
JAMESSTONEco
@animuson. Nie jestem pewien, jak się z tobą skontaktować, więc wybacz to nie na temat wtargnięcia do twojej odpowiedzi. Proszę zobaczyć mój metapost dotyczący usunięcia mojego tematu dzisiaj. Dziękuję za Twój czas.
markE
fajny link .. dzięki
deemi-D-nadeem
22

Przeglądarki powrócą do type = "text", gdy napotkają nieobsługiwany typ wprowadzania. Więc myślę, że użycie type = "tel" jest w porządku.

el.pescado
źródło
15

Krótka odpowiedź: tak. Jak wspomina @ el.pescado, przeglądarki wracają do type=textsytuacji, gdy nie rozpoznają typu. Aby uzyskać więcej informacji na temat innych fajnych funkcji, które można uzyskać z formularzy HTML5, zapoznaj się z A Form of Madness , który jest rozdziałem poświęconym formularzom w Dive Into HTML5.

Hank Gay
źródło