FORMULARIOS HTML

Un formulario HTML es una sección de documento, que contiene:

• Contenido normal..
• Código.
• Controles. 
• Rótulos.

En el que lo usuarios normalmente rellenan un formulario modificando sus controles, antes de enviar el formulario a un agente para que lo procese (a un servidor web, a un servidor de correo, etc).

¿ Para que se utilizan ?

Permite que el usuario envíe información al servidor, formularios e registro o acceso a sitios web, formularios de contacto, etc. 

ETIQUETAS BÁSICAS PARA FORMULARIOS:

<form>  action=" " method=" " accept-charset=" " enctype=" "</form> :

Es fundamental para que el resto de elementos puedan ser enviados, todos los campos que se quieren enviar deben estar entre estas dos etiquetas. "action" es el único atributo requerido para la etiqueta <form>, esta espera una cadena de texto que especifique la URL o ruta. "method" indica la forma de enviar la información este atributo  acepta dos valores get y post, si no se utiliza la etiqueta method el formulario se enviara  por defecto con el valor get. Accept-charset, espera una lista de juegos separados por comas. Enctype, especifica el tipo de codificación. 

• GET. es el metodo que utlizamos normalmente al navegar.
• POST, es un metodo de envio mas sensible, como pueden ser contraseñas, no tiene limite de envio y posibilita la subida de ficheros al servidor. ej: formulario de registro.

<imput> </imput>: 

Es la mas utilizada en formularios con ella podemos definir gran parte de los controles tipicos de formularios ( Entradas de  tipo texto, Casillas de verificación.Casillas de opcion (radio).ArchivosContraseñas, Campos ocultos, Botones varios). Esta etiqueta no tiene etiqueta de cierre y es importante que la cierres debidamente para cumplir con los estándares. <imput............/>.  Atributos: 

• name =" " espera una cadena de texto que indica el nombre que recibirá el campo.
• type =" " define en que se convertirá el control 
• "text" por defecto es de tipo text.
• "checkbox" casilla de verifación 
• "radio" casilla de opción.
• "file" boton que abre ventana para seleccionar un archivo.
• "pasword" campo de texto enmascarado. 
• "hidden" campo oculto.
• "button" muestra un botón. 
•  "submit" dibuja el  botón enviar 
• "image" utiliza una imagen con la opción de tipo submit. 
• "reset" borrar formulario.
• "disabled" deshabilita un campo para que no pueda ser utilizado. 
• "readonly" igual que disabled pero aplicado a tipo text seria  imposible copiar y pegar.

Consejos a la hora e hacer formularios:

• Sin form no hay envíos (pero si campos).
• <input type = "value" />
• <imput type = "submit/>
• Separa el contenido de estilos (size, cols, rows).

Ejemplod de imput:

<input type="text" maxleght=" "  sice=" " value=" ">

• maxleght = limita el numero maximo de caracteres.
• sice = limita el tamaño del hueco en caracteres. (no se acoseja).
• value = valor del campo por defecto, el usuario debera borrarlo para poner su palabra.

<imput type="checkbox" name"  "> : es importante que para esta etiqueta tengan todos el mismo nombe:

<imput type="checkbox" checked"  "> : indica que la casilla aperece marcada por defecto. 

<imput type="checkbox" value"  "> : es imprescindible aqui ira el valor a enviar al servidor. 

<imput type="radio" name"  "> : 

<imput type="radio" checked"  "> :

<imput type="radio" value"  "> :

<imput type="file"> : ofrecen la posibilidad de subir ficheros y adjuntarlos al  formulario. si quieres utilizar esta etiqueta en la etiqueta <form> tiene que estar tambien el atributo enctype="multipart/form-data" para poder subir archivos.

https://youtu.be/6oGjhVRu7cU

https://youtu.be/UVpE-tBtdvY