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 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.
HTML5: Nuevas funcionalidades en formularios (parte 1)
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.
Soporte por parte de los principales
navegadores:
HTML5: Nuevas funcionalidades en formularios (parte 2)
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.
Para compatibilidad con html5:
Lista de Polyfills más usados:
HTML5: Ejemplo de formulario
En este vídeo verás un ejemplo de formulario en
HTML5. Recuerda que los nuevos controles de formulario de HTML5 es una
de sus mejores características.
No hay comentarios:
Publicar un comentario