HTML5. Nous camps per formularis (1)

HTML5 incorpora nous tipus per el tag <input> i nous atributs, que permeten implementar tipus de camp de manera molt fàcil i a més, en facilita la validació.
El problema és que molts d'aquest tipus només funcionen en alguns navegadors, per exemple Chrome i no funcionen en Firefox.

En la següent comparativa es pot veure les funcionalitats que suporten cadascun dels navegadors . La pàgina can i use és un bon recurs per veure el suport de css ( fins la versió 3) i html5 en els diferents navegadors.

Entrada tipus data: Mostra un calendari on escollir una data (no funciona en Firefox)
<input type="date">

Entrada tipus mes : Semblant a l'anterior però escolliríem un mes d'un any (no funciona en Firefox)

<input type="month">

Entrada tipus número: Mostra un camp que al enviar el camp submit ens donaria un missatge d'error si el camp no és numèric

<input type="number">

Entrada tipus email: Mostra un camp que al enviar el camp submit ens donaria un missatge d'error si el camp no és una adreça de correu electrònica vàlida

<input type="email">

Entrada tipus url: Mostra un camp que al enviar el camp submit ens donaria un missatge d'error si el camp no és una url vàlida.

<input type="url">