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?

html mobile-website backwards-compatibility

— 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

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