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..

Código:

<input type="tel">

email
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..

Excelente informação meu amigo, mas me diga uma coisa: Só irá funcionar se o servidor estiver com HTML5 não é mesmo?
No caso da Forumeiros iria funcionar?

JS

@JScript escreveu:Excelente informação meu amigo, mas me diga uma coisa: Só irá funcionar se o servidor estiver com HTML5 não é mesmo?
No caso da Forumeiros iria funcionar?

fiz um teste aqui e mesmo que definição não esteja em HTML5 o navegar lê.

Parece que o navegador interpreta os atributos independente da definição no documento.

veja o suporte para o placeholder
http://www.w3schools.com/tags/att_input_placeholder.asp

tendo suporte ao atributo o definição não importa.

É uma coisa muito estranha, pois perde o sentido a definição do documento.

Realmente, o que o joelson falou tem sentido.. Eu sempre usei a tag required em forms da Forumeiros, e funcionaram perfeitamente..

@Edit: Sobre o tópico, achei um link interessante aqui, ao que parece uma ótima referencia! https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5