Welcher Eingabefeldtyp zwingt die mobile Tastatur des Nummernblocks, wenn sie fokussiert wird?

Ich habe versucht, die <input type="number" /> aber auf die Oper, die Ausgänge eine seltsame input-Feld gekoppelt mit einem "up and down" - handler. Was ich erwartete war eine normale text-Feld, dass, wenn Sie sich auf ihn konzentrieren, fordert die Nummer-Tastatur anstelle des alphabets. Ist das überhaupt möglich?

p.s. Ich bin nicht versuchen zu validieren. Es wäre ein netter user experience, das ist alles.

InformationsquelleAutor der Frage Ayyash | 2010-07-30

  1. 13

    type="number" ist HTML5 und viele Handys nicht HTML5-Unterstützung.
    Für call link type="tel" oder
    <A href="wtai://wp/mc;600112233">Special A</A>.
    Sie sollten schauen CSS WAP-Erweiterungen (Seite 56) zu.

    BEARBEITEN 10/2015:

    Die meisten, wenn nicht ALLE Smartphones unterstützen HTML5 und CSS3, also type="number" ist der beste Weg.

    InformationsquelleAutor der Antwort fravelgue

  2. 21

    Verwenden pattern="[0-9]*"

    • Beispiel Nummer Eingang: <input type="number" pattern="[0-9]*" />

    • Beispiel Telefon-Eingang: <input type="tel" pattern="[0-9]*" />

    Hinweis: Browser, die nicht unterstützen type="tel" wird standardmäßig ein text-Typ

    Vorsicht: Mit type="number" kann zu Problemen mit einigen Browsern und user experience für die Kreditkarte, die Postleitzahl und die Telefon-Eingänge, wo ein Benutzer müssen möglicherweise die Eingabe von Satzzeichen oder ein Komma in der Ausgabe.

    Referenzen:

    InformationsquelleAutor der Antwort Huski

  3. 19

    Den offiziellen HTML5-Weg zu handhaben, Telefon-Nummern:

    <input type="tel">

    Können Sie nicht gemocht haben und die "seltsame Eingabefeld" haben Sie mit Opera, wenn Sie verwendet werden<input type="number" />, aber das ist wirklich die geeignete Art von input-Bereich, wenn Sie möchten, dass die Besucher, um einen numerischen Wert einzugeben.

    InformationsquelleAutor der Antwort Dori

  4. 9

    Dieser Beitrag ist jetzt ungültig. Alle smartphones unterstützen HTML5 und CSS3 nun, so hinzufügen, Typ="Zahl", hat in der Tat prompt den Ziffernblock, um pop-up. Ich habe gerade überprüft es auf 2 verschiedenen Android-Versionen, und ein iPhone. Nur, damit niemand in die Zukunft versucht WAP anstelle des richtigen HTML5-format.

    InformationsquelleAutor der Antwort Jeff Walters

  5. 0

    Versuchen <input type="number" pattern="/d*">
    ODER
    <input type="tel" pattern="/d*">
    Dies wird helfen, wenn Sie arbeiten mit Android.

    InformationsquelleAutor der Antwort souvik

Schreibe einen Kommentar