Presentación Tecnología Digital

FORMULARIOS EN HTML

LENGUAJE DE MARCAS

DIEGO GARCÍA CAMPOS

ÍNDICE

FORMULARIOS

USO DE FORMULARIOS

ESTRUCTURA

LENGUAJE DE MARCAS

ELEMENTOS

ETIQUETAS

OTROS ATRIBUTOS

¿FORMULARIOS EN HTML?

CONTEXTUALIZACIÓN

Los formularios en HTML , nos dan la opcion de itneractuar con los usuarios finales mediante la entrada de datos. Usado para enviar información a un servidor web, donde se registre , por ejemplo, un inicio de sesion.

+INFO

LENGUAJE DE MARCAS

USOS COMUNES

FORMULARIOS HTML

Los formularios se aplican en distintas situaciones, a continuación se nombran alguna de ellas:

• Inicios de sesion
• Apartado de comentarios
• Registros

Los formularios web estan compuestos por uno o mas controladores de formulario, donde se crean casillas de verificación botones de opciones , estos son llamados inputs , donde hablaremos mas adelante.

LENGUAJE DE MARCAS

+INFO

ESTRUCTURA

FORMULARIOS HTML

Un formulario basico en HTML, se define con la etiqueta <from> , donde posteriormente , se especificara el metodo de envio y la accion a realizar. <from action> - Especifica la URL donde se enviara la peticion de datos <from method> - Define el método de envio de datos Antes de diseñar un forumario, tendremos que ponernos en el punto de vista del usuario final

LENGUAJE DE MARCAS

+INFO

elementos

FORMULARIOS HTML

Los elementos de los formularios son lo que nos permiten a los usuarios ingresar datos o interactuar con el formulario, algunos de los mas usados:

• Listas desplegables

• Campo de texto

• Campo de contraseña

• Campos numéricos

LENGUAJE DE MARCAS

• Campo de correo electronico

• Campos fecha

• Area de texto

• Boton de envio

• Botones de radio

• Boton de reinicio

• Casillas de Verificación

+INFO

etiquetas

FORMULARIOS HTML

Las etiquetas a diferencia de los elementos, estos sirven como componentes estructurales , creados para definir y organizar los formularios:

• <from>

• <label>

LENGUAJE DE MARCAS

• <option>

• <fieldset>

• <datalist>

+INFO

otros atributos

FORMULARIOS HTML

He recompilado una sere de atributos un tanto curiosos por su falta de uso:

• Autofocus

• Pattern

• Novalidate

LENGUAJE DE MARCAS