Alguns padrões HTML5 (padrões) comumente usados (padrões)

Este artigo apresenta principalmente alguns resumos de padrões HTML5 (padrões) comumente usados, incluindo algumas expressões regulares comumente usadas, principalmente para a produção de páginas da web móveis. Amigos que precisam podem se referir a ele.

Recentemente, quando eu estava trabalhando em uma página de telefone celular, encontrei o problema de um teclado com entrada numérica. A abordagem anterior era apenas o tipo de uso único, Type = Tel, mas sempre senti que as letras em inglês no teclado com um número de telefone de nove grades são muito intrusivas. Então, eu queria experimentar outras soluções de implementação, mas a conclusão final foi frustrante. No entanto, também aproveitei a oportunidade para aprender mais sobre o atributo padrão.

Deixe -me explicar os problemas iniciais. De fato, nem o Tel nem o número são perfeitos:

TIPO = Tel

A vantagem é que o desempenho do teclado do iOS e Android é semelhante

A desvantagem é que essas cartas são supérfluas. Embora eu não tenha transtorno obsessivo-compulsivo, ainda me sinto estranho.

tipo = número

A vantagem é um teclado numérico real implementado no Android

Desvantagem 1: Não é um teclado de nove grade no iOS, por isso é inconveniente entrar

Desvantagem 2: A versão antiga do Android (incluindo o núcleo X5 usada pelo WeChat) terá uma cauda super inútil atrás da caixa de entrada. Felizmente, o Android 4.4.4 foi removido.

No entanto, para as deficiências 2, podemos usar os elementos pseudo-elementos de propriedade privada do WebKit para corrigir: