La nueva forma de HTML5

Los nuevos elementos de los formularios requeridos por HTML5 son indicativos de los objetivos de la nueva versión de la lengua: para crear, con el simple de marcas, las soluciones más funcionales (en la actualidad sólo puede lograrse mediante el uso de lenguajes de programación) con el fin de satisfacer las necesidades cambiantes de la Internet.

En este artículo vamos a ver, a través de numerosos ejemplos, las innovaciones introducidas por Ole HTML5 en la creación del formulario web.

Una vez más debo recordar al lector que no todos los navegadores proporcionan apoyo para el nuevo lenguaje de marcado (HTML 5 no es todavía una norma, sino un lenguaje en desarrollo) para ambos, para una visión correcta de los ejemplos, le sugiero navegador para usar ya preparado, por ejemplo, Opera.

Nuevos temas y extensiones

Los cambios principales se refieren a la utilización de objetos de formulario específico (nuevas etiquetas) y las extensiones.

El uso de extensiones permite, a través de la etiqueta de entrada clásico, la validación automática de datos y / o ampliar el potencial de crear herramientas complejas como, por ejemplo, los calendarios.

Como titular le sugiero un ejemplo: se reemplaza el campo de texto simple (<input type="text"/>) con algo más específico: un campo de dirección URL. Veamos el código:

 



 <form>







 URL: <input name="url" type="url" value="" required>







 </ Form>

 

Al parecer, usted no nota ninguna diferencia en el punto de vista, pero a la vista inmediatamente la experiencia de los cambios desde el clásico marcado HTML4:

• El tipo específico ("url")
  La especificación del tipo de datos que se espera sea útil para el analizador de lenguaje para analizar el contenido apropiado y con el aviso de la presencia de errores;
• la palabra "necesario"
  Aunque esto es nuevo HTML5, como indica, requiere la realización del campo como obligatorio (pero volveremos más adelante).

Antes de entrar en el nuevo HTML5 creo que debería ser una rápida revisión de los controles de los módulos ofrecidos por HTML4.

• <<
• 1
• 2
• 3
• 4
• 5
• >>