Los formularios en HTML5

HTML5 incorpora novedades muy interesantes para la creación de formularios. Estas novedades aumentan los tipos de controles (se añade un control para introducir una fecha o un correo electrónico) y las características que se pueden configurar (se puede definir un patrón de entrada o un placeholder) pero hay que llevar cuidado al usarlas, ya que no todos los navegadores las aceptan todas por ahora (pero sí que lo harán en breve).

En las siguientes lecciones se resumen las novedades principales y se muestran algunos ejemplos. Si quieres complementar y contrastar lo que se explica, te recomendamos la lectura de Formularios en HTML5.

En el siguiente vídeo se presentan los nuevos controles de HTML5:

• url.
• tel.
• email.
• number.
• color.
• search.
• range.
• datetime.
• datetime-local.
• date.
• month.
• week.
• time.

Además, se comenta el soporte por parte de los navegadores y se muestra la representación de algunos controles en dispositivos móviles.

En el siguiente vídeo se presentan los nuevos atributos que se pueden emplear en los controles de los formularios:

• autocomplete.
• autofocus.
• min.
• max.
• step.
• pattern.
• placeholder.
• required.

También se explica qué es Modernizr y los polyfills.