Einige häufig verwendete HTML5 -Muster (Muster) Zusammenfassung

In diesem Artikel wird hauptsächlich einige häufig verwendete HTML5 -Muster (Muster) zusammengefasst, darunter einige häufig verwendete reguläre Ausdrücke, hauptsächlich für die Herstellung mobiler Webseiten. Freunde, die es brauchen, können sich darauf beziehen.

Kürzlich, als ich auf einer Handy -Seite arbeitete, habe ich das Problem einer Tastatur mit numerischen Eingaben gestoßen. Der vorherige Ansatz war nur einheitlich-Fits-Away-Typen-Typ = Tel, aber ich hatte immer das Gefühl, dass die englischen Buchstaben auf der Tastatur mit einer Telefonnummer mit Neun Netz zu aufdringlich sind. Deshalb wollte ich andere Implementierungslösungen ausprobieren, aber die endgültige Schlussfolgerung war frustrierend. Ich nutzte jedoch auch die Gelegenheit, um mehr über das Musterattribut zu erfahren.

Lassen Sie mich die anfänglichen Probleme erklären. Tatsächlich sind weder Tel noch Nummer perfekt:

Typ = Tel

Der Vorteil ist, dass die Tastaturleistung von iOS und Android ähnlich ist

Der Nachteil ist, dass diese Buchstaben überflüssig sind. Obwohl ich keine Zwangsstörung habe, fühle ich mich immer noch komisch.

Typ = Zahl

Der Vorteil ist eine echte numerische Tastatur, die unter Android implementiert ist

Nachteil 1: Es handelt sich nicht um eine Tastatur mit neun Grid unter iOS, daher ist es unpraktisch, sie einzugeben

Nachteil 2: Die alte Version von Android (einschließlich des von WeChat verwendeten X5 -Kerns) hat einen super nutzlosen Schwanz hinter dem Eingangsbox. Glücklicherweise wurde Android 4.4.4 entfernt.

Für Mängel 2 können wir jedoch die Pseudoelemente in Privatbesitz von Webkit verwenden, um zu beheben: