Publicado por WordPress Avançado em 20/02/2019 às 9:02 pm
Elementos e atributos de formulários em HTML5 proporcionam um grau de marcação semântica maior que HTML4 e remove grande parte da tediosa necessidade de se mexer com scripts e estilos que era necessária em HTML4.
As características dos formulários em HTML5 proporcionam uma melhor experiência para usuários por tornarem formulários mais consistentes entre diferentes sites e dar um feedback imediato ao usuário sobre a entrada de dados. Eles também oferecem essa experiência para usuários que possuem scripts desabilitados em seus navegadores.
O elemento input
O elemento tem novos valores para o atributo type.
- search: O elemento representa um campo de entrada de pesquisa. Quebras de linha são automaticamente retiradas do valor de entrada, mas nenhuma outra sintaxe é aplicada.
- tel: O elemento representa um controle para edição de um número telefônico. Quebras de linha são automaticamente retiradas do valor de entrada, mas nenhuma outra sintaxe é aplicada, porque números telefônicos variam muito dependendo do país em que se encontra. Você pode usar atributos como pattern e maxlength para restringir valores de entrada.
- url: O elemento representa um controle para edição de uma URL. Quebras de linha e espaços em branco à esquerda e direita são automaticamente retirados do valor de entrada.
- email: O elemento representa um endereço de email. Quebras de linha são automaticamente retiradas do valor de entrada. Um email inválido até pode ser colocado, mas o campo de entrada só aceitará se ele respeitar o formato da ABNF 1( atext / “.” ) “@” ldh-str 1( “.” ldh-str ) onde atext é definido em RFC 5322 section 3.2.3, e ldh-str é definido em RFC 1034 section 3.5.