HTML Input field force zahlen

Ist es möglich, erstellen Sie ein Eingabe-Feld legt die Standard-input-character-set zu zahlen auf ein Handy (also die NUMERISCHE TASTATUR eingeblendet)?
Zum Beispiel um es einfacher zu machen geben Sie eine Telefonnummer in ein HTML-Formular.

InformationsquelleAutor user | 2010-09-17

  1. 5

    Es möglich ist, zu begrenzen-Eintrag auf einem "Handy"
    Die Handy-form-Eintrag verwendet 

    <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

    input hier kann begrenzt werden, mit format="*N"

    Scheint nicht zu funktionieren hier 🙁 codepen.io/leongaban/pen/hbHsk

    InformationsquelleAutor Deano

  2. 34

    Machen die Eingabe von zahlen zu erleichtern, verwenden <input type="number">. Um die Eingabe der Telefonnummern zu erleichtern, verwenden <input type="tel">. Nicht alle Handy wird unterstützt, aber das iPhone zumindest geben Sie eine numerische Tastatur standardmäßig statt der normalen Tastatur. Sehen die Skillung und Tauchen Sie ein In HTML5 für weitere Informationen.

    Watch out die Einschränkungen bei der Eingabe von Perioden und Kommata in diesen Eingabefeldern: stackoverflow.com/q/35315157/1066234

    InformationsquelleAutor Brian Campbell

  3. 4

    Können Sie <input type='tel'>. Dies ist ein neues HTML5-feature. Bei älteren Browsern wird einfach standardmäßig ein text-input-Feld.

    InformationsquelleAutor Ned Batchelder

  4. 2

    So können Sie entweder type="tel" oder type="numbers".

    Der Unterschied ist, dass man versucht, bringen Sie Ihre Telefon-Tastatur, und der andere wechselt einfach auf die zahlen, die Eingabe Ihrer Handy-Tastatur.

    Dachte das wäre hier: codepen.io/leongaban/pen/hbHsk aber noch stecken

    InformationsquelleAutor JeroenEijkhof

  5. 1

    Hier ist ein Beispiel mit Javascript. Dies ermöglicht nur die zahlen aus dem Ziffernblock/zahlen oben auf der Tastatur, und formatter (shift/backspace/etc). Sie können auch prüfen, hinzufügen von eine setTimeout() mit ein paar Sekunden Zeitlimit für die onchange event-check-in, falls jemand Pasten nicht zahlen in das Feld-als auch server-seitige Validierung.

    Beispiel

    http://jsfiddle.net/vce9s/

    InformationsquelleAutor Robert

  6. 0

    für meine Prüfung "können Sie entweder type="tel" oder type="zahlen"."
    auf dem iPhone type="tel" bringt das nur zahlen-Tastatur (wie Mobiltelefon) und type="zahlen" bringt der Zehnertastatur eingeschaltet, um zahlen und Symbole, so dass beide arbeiten, hängt nur von Ihnen Anwendung. Für mich brauche ich nur die zahlen, so dass ich verwendet, type="tel" für einfache Bedienung und es hat Super geklappt!

    InformationsquelleAutor Matt Carroll

Schreibe einen Kommentar