Comentário: Acredito que todos conhecem as melhorias do HTML5. O que eu quero apresentar abaixo são dois novos tipos de elementos de entrada, email e URL. Vamos seguir o código para ver seus benefícios. Amigos interessados podem se referir a ele.
Na postagem anterior do blog, discutimos algumas melhorias no HTML5, como espaço reservado, pré -busca e webStorage. O que eu quero apresentar abaixo são dois novos tipos de elementos de entrada: email e URL. Vamos seguir o código para ver seus benefícios:Formato de sintaxe:
A nova propriedade do tipo de entrada usará email ou URL em vez de texto:
<!-e-mail, não@ + não@ símbolos, você também pode usar outros,
Por exemplo [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (Com | cn | org | net)->
<input type = "email" padrony = "[^@]*@[^@]*" value = "">
<!-url->
<input type = "url" value = "">
Usando o domínio de padrão exclusivo do HTML5, você pode fornecer uma expressão regular para verificar o formato de endereços de email e URL, que discutiremos em outro artigo.
vantagem
- O estilo especial CSS pode ser personalizado, entrada [tipo = email]
- O estilo especial CSS pode ser personalizado, entrada [tipo = url]
- Mais definições semânticas podem ser feitas
- Adaptabilidade de aplicativos móveis: o navegador móvel exibirá teclados especiais para email e URLs sem troca manual do usuário.
No começo, fiquei com nojo de adicionar tipos de entrada desnecessários, mas depois de pensar profundamente, acho que é uma boa jogada melhorar a experiência do usuário. O que você acha?