Algunos patrones HTML5 de uso común (patrones) Resumen

Este artículo presenta principalmente algunos patrones HTML5 (patrones) de uso común, incluidas algunas expresiones regulares de uso común, principalmente para la producción de páginas web móviles. Los amigos que lo necesitan pueden referirse a él.

Recientemente, cuando estaba trabajando en una página de teléfono móvil, encontré el problema de un teclado con entrada numérica. El enfoque anterior era solo un tamaño único de uso tipo = Tel, pero siempre sentí que las letras inglesas en el teclado con un número de teléfono de nueve cuadrículas son demasiado intrusivas. Así que quería probar otras soluciones de implementación, pero la conclusión final fue frustrante. Sin embargo, también aproveché la oportunidad para aprender más sobre el atributo de patrón.

Permítanme explicar los problemas iniciales. De hecho, ni Tel ni Number son perfectos:

tipo = tel

La ventaja es que el rendimiento del teclado de iOS y Android es similar.

La desventaja es que esas letras son superfluas. Aunque no tengo un trastorno obsesivo compulsivo, todavía me siento raro.

tipo = número

La ventaja es un teclado numérico real implementado en Android

Desventaja 1: No es un teclado de nueve cuadrículas bajo iOS, por lo que es inconveniente ingresarlo

Desventaja 2: La versión anterior de Android (incluido el núcleo X5 utilizado por WeChat) tendrá una cola súper inútil detrás del cuadro de entrada. Afortunadamente, Android 4.4.4 ha sido eliminado.

Sin embargo, para las deficiencias 2, podemos usar los pseudoelementos de propiedad privada de WebKit para solucionar: