Uno de los aspectos m谩s importante en un documento HTML es el uso de formularios, por lo que al d铆a de hoy HTML con HTML5 a evolucionado bastante, por lo que han a帽adido etiquetas nuevas para crear nuevos controles en los formularios y nuevos atributos para validar informaci贸n de alg煤n tipo en espec铆fico. Vamos ir viendo los diferentes controles en la tabla a continuaci贸n.
Contenedor de formulario
El primer paso para crear un formulario es indicar una etiqueta contenedora form:
<form>
...
</form>
La etiqueta form dispone de varios atributos que se pueden utilizar:
| Atributo | Valor | Descripci贸n |
|---|---|---|
action |
URL | Direcci贸n URL del back-end donde se enviar谩 la informaci贸n del formulario. |
method |
get | post | M茅todo HTTP de envi贸. GET se realiza a trav茅s de URL, POST para envi贸 extenso de informaci贸n. |
name |
nombre | Nombre del formulario. 脷til para procesar posteriormente. |
target |
destino | Nombre del lugar donde se abrir谩 el formulario. _blank para nueva pesta帽a. |
enctype |
tipo | Codificaci贸n para el envi贸 del formulario. Importante para envi贸 de archivos. |
accept-charset |
codificaci贸n | Fuerza a utilizar una codificaci贸n en los par谩metros de texto del formulario. |
autocomplete |
on | off | Activa o desactiva el autocompletado para todos los campos del formulario. |
novalidate |
boolean | Con este atributo presente, el formulario obvia la validaci贸n HTML5. |
Tipos de input
La etiqueta input puede tomar diferentes valores en su atributo type para permitir al usuario introducir informaci贸n, adem谩s de otra etiqueta denominada textarea para introducir cantidades m谩s grande de texto:
input type="text"- Para texto alfanum茅rico. Ej:
input type="search"- Texto para b煤squedas. Ej:
input type="tel"- Para n煤mero de tel茅fono o m贸vil. Ej:
input type="url"- Para introducir direcciones URL. Ej:
input type="hidden"- Para campos ocultos (no mostrar al usuario).
textarea- Para texto alfanum茅rico libre (extenso). Ej: