Welcher Eingabefeldtyp zwingt die mobile Tastatur mit Nummernblock, wenn sie fokussiert wird?

Ich versuchte die <input type="number" />, aber auf Opera, die eine seltsame Eingabefeld mit einem "nach oben und unten" Handler gekoppelt. Was ich erwartet habe, war ein normales Textfeld, das, sobald Sie sich darauf konzentriert haben, statt der Alphabete die Zahlentastatur auffordert. Ist das überhaupt möglich?Welcher Eingabefeldtyp zwingt die mobile Tastatur mit Nummernblock, wenn sie fokussiert wird?

p.s. Ich versuche nicht zu validieren. Es wäre eine nette Benutzererfahrung, das ist alles.

Quelle

2010-07-30 Ayyash

type = "Nummer" ist HTML5 und ~~viele Telefone unterstützen HTML5~~ nicht. Für eine Anrufverbindung können Sie type = "tel" oder <A href="wtai://wp/mc;600112233">Special A</A> verwenden. Sie sollten sich auch CSS WAP extensions (page 56) ansehen.

EDIT 10/2015:
Die meisten wenn nicht alle Smartphones unterstützen HTML5 und CSS3, also type="number" ist der beste Weg.

Quelle

2010-07-30 10:13:48 fravelgue

Ich lese das Dokument, nichts da, das eine Zahl Pad prompt instad Alphabet macht, so sieht es nicht aus wie die Zukunft hält keine Hoffnung für Web-Entwickler :( Ich nehme das als endgültige Antwort – Ayyash

3 Kommentare: ① '' ist für Links, nicht Eingaben.Sie fragte nach Eingabefeldern, also warum ist die beste Antwort eine, die Ihre Frage nicht beantwortet? ② Da WAP2 ist XHTML MP (eine leichte Version von HTML) , seine Aussage "Viele Telefone unterstützen kein HTML" bedeutet, dass Sie WAP2 auf diesen Telefonen sowieso nicht verwenden können. ③ WAP ist tot - siehe [WAP Site vs. Traditional HTML für eine mobile Website] (http://stackoverflow.com)/questions/284281/wap-site-vs-traditionell-html-for-a-mobile-website) & [Was unterscheidet HTML und WML/WAP?] (http://stackoverflow.com/questions/2836719/whats- different-zwischen-html-und-wml-wap). – Dori

@Ayyash, sry ich denke, ich habe mit Input und a verwirrt. Wie auch immer Input Type = "Zahl" ist HTML5. Sie könnten in iPhone und Android-Handys verwenden, und ich hoffe, in Zukunft Nokia Browser. – fravelgue

Die offizielle HTML5 Weise Telefonnummern zu handhaben ist:

<input type="tel">

Sie können das „seltsame Eingabefeld“ nicht gemocht haben Sie mit Opera bekamen, wenn Sie <input type="number" /> verwendet, aber das ist wirklich die geeignete Art von Eingabe Wenn Sie festlegen möchten, dass Besucher einen numerischen Wert eingeben müssen.

Quelle

2010-07-30 04:20:37 Dori

aber die "type = number" nicht die Ziffernblock, ich werde versuchen, die Tel-Typ – Ayyash

ich mit Opera 10 auf Windows Mobile 6.5, ich glaube, es hat einige HTML5 drin, ich weiß, ive gesehen work, input type didnt work though – Ayyash

The 'type="number"' attribute isn't necessarily supposed to bring up a number pad. The question is: are you trying to force users to enter in a numeric value, or enter in a phone number? For the former, 'type="number"' is what you want. For the latter, 'type="tel"' (the telephone keypad, including # and *) is what you're looking for. '' isn't an input field; it's a link to dial a phone number. Example: '1-408-555-5555 '. – Dori

Dieser Beitrag ist jetzt ungültig. Alle Smartphones unterstützen jetzt HTML5 und CSS3, also fügt das Hinzufügen von type = "number" tatsächlich das Aufrufen des Nummernblocks ein. Ich habe es gerade auf 2 verschiedenen Android-Versionen und einem iPhone überprüft. Nur damit niemand in Zukunft WAP anstelle des korrekten HTML5-Formats ausprobiert.

Quelle

2014-07-03 16:41:41

Basierend auf meinen Tests zieht 'type = 'number' die volle Tastatur mit den auf iOS sichtbaren Zahlen hoch, während 'type =' tel'' den Ziffernblock hochzieht, was anscheinend das Thema ist, nach dem das Poster fragt. Bei Android ziehen sowohl "number" als auch "tel" den Ziffernblock nach oben. – Stan

Verwenden pattern="[0-9]*"

Beispiel Nummereingabe: <input type="number" pattern="[0-9]*" />
Beispiel Telefoneingang: <input type="tel" pattern="[0-9]*" />

Hinweis: Browser, die auf einen Text Standard nicht type="tel" unterstützen Geben Sieein 210 Vorsicht: Die Verwendung von type="number" kann Probleme mit einigen Browsern und der Benutzerfreundlichkeit für Kreditkarten-, Postleitzahlen- und Telefoneingaben verursachen, bei denen ein Benutzer möglicherweise Interpunktion oder ein Komma in der Ausgabe eingeben muss. Referenzen

Quelle

2014-11-18 22:40:57 Huski

Dies ist die beste und aktuellste Antwort. Danke für Ihre Notizen und die Links, beide waren sehr lehrreich. –

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

Quelle

2017-10-17 15:53:42 souvik

Welcher Eingabefeldtyp zwingt die mobile Tastatur mit Nummernblock, wenn sie fokussiert wird?

Antwort

Verwandte Themen