Ist es in Ordnung, jetzt <input type = “tel” /> zu verwenden?

107

Ich arbeite an einer Handy-Web-App und habe mehrere Textfelder, von denen ich profitieren könnte <input type="tel"/>. iPhones passen die Tastatur für den Benutzer an, aber ich mache mir Sorgen, dass die Abwärtskompatibilität beeinträchtigt wird. Was ich hoffe ist, dass Browser / Telefone, die dies unterstützen, den Benutzer unterstützen können und andere Browser auf ein Standardtextfeld zurückgreifen? Ist das eine akzeptable Praxis? Funktioniert es überhaupt?

html mobile-website backwards-compatibility Michael
quelle
Leider zeigt der Opera Mobile-Browser ein reguläres Texteingabefeld mit der normalen QWERTZ-Tastatur anstelle der numerischen an.
Andreszs
Ein paar Jahre später und wir haben jetzt caniuse.com/#feat=input-email-tel-url
John Magnolia
Ich denke, die beste Referenz ist MDN
T04435

Antworten:

130

Ja, jeder nicht unterstützte Typ wird auf das Format 'type = text' zurückgesetzt.

Ich habe eine gute Seite gefunden, auf der alle vorhandenen Eingabetypen aufgelistet sind. Ich habe versucht, es aus verschiedenen Browsern zu betrachten, ein bisschen interessant. Ich weiß nicht, ob es dir helfen wird oder nicht.

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

animuson
quelle
1
Ich habe mit Browserstack auf 7, 8, 9 in einem Projekt getestet und alles standardmäßig Text eingegeben.
JAMESSTONEco
@animuson. Ich bin mir nicht sicher, wie ich Sie kontaktieren soll. Verzeihen Sie diese nicht themenbezogene Störung Ihrer Antwort. Bitte lesen Sie meinen metaBeitrag bezüglich des Löschens meines Themas heute. Vielen Dank für Ihre Zeit.
Markieren Sie den
netter Link .. Danke
Deemi-D-Nadeem
22

Browser greifen auf type = "text" zurück, wenn sie auf einen nicht unterstützten Eingabetyp stoßen. Ich denke, es ist in Ordnung, type = "tel" zu verwenden.

el.pescado
quelle
15

Kurze Antwort: ja. Wie @ el.pescado erwähnt, greifen Browser darauf zurück, type=textwenn sie den Typ nicht verstehen. Weitere Informationen zu den anderen coolen Funktionen, die Sie von HTML5-Formularen erhalten, finden Sie unter A Form of Madness , dem Formularkapitel in Dive Into HTML5.

Hank Gay
quelle