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.
La diferencia entre type = Tel y type = númeroPermí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:
Código XML/HTML Copiar contenido al portapapeles