Guia com novos tipos de entrada e atributos do HTML
Tipos de entrada
tel
Usado para fazer campo para a inserção de números de telefones..
email
Usado para criar um input para a inserção de emails..
Atributos
autofocus
Foca o elemento automaticamente ao entrar na página..
placeholder
Da uma dica do que o usuário pode inserir naquele campo..
required
Determina que é obrigatório o preenchimento daquele elemento antes de enviar os dados..
Estilização
É possível estilizar elementos que estejam invalidos através do uso do seletor CSS :invalid, vejam:
Por exemplo em campos com o atributo required, enquanto não forem preenchidos vão ficar com a formatação que você desejar..
De acordo com o tempo vou atualizando o tópico quando for me lembrando de outros elementos.. Espero que possa ser útil..
Tipos de entrada
tel
Usado para fazer campo para a inserção de números de telefones..
- Código:
<input type="tel">
Usado para criar um input para a inserção de emails..
- Código:
<input type="email">
Atributos
autofocus
Foca o elemento automaticamente ao entrar na página..
- Código:
<input type="text" autofocus>
placeholder
Da uma dica do que o usuário pode inserir naquele campo..
- Código:
<input type="text" placeholder="Insira seu nome">
required
Determina que é obrigatório o preenchimento daquele elemento antes de enviar os dados..
- Código:
<input type="text" required>
Estilização
É possível estilizar elementos que estejam invalidos através do uso do seletor CSS :invalid, vejam:
- Código:
:invalid {/*your stuff*/}
Por exemplo em campos com o atributo required, enquanto não forem preenchidos vão ficar com a formatação que você desejar..
De acordo com o tempo vou atualizando o tópico quando for me lembrando de outros elementos.. Espero que possa ser útil..