Fomularios HTML

← Contenido Multimedia en HTML Tablas en HTML →

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:
← Contenido Multimedia en HTML Tablas en HTML →