English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

HTML: <form> etiqueta

HTML <form> etiqueta se utiliza para crear formularios en páginas web con controles interactivos para la entrada del usuario, utilizados para enviar información al servidor web. Esta etiqueta también se conoce comúnmente como el elemento <form>.

Ejemplo en línea

Una forma HTML con dos campos de entrada y un botón de envío:

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 Uso de la etiqueta footer (Tutorial básico de la red oldtoolbag.com)</title>/title>
</head>
<body
<h1>oldtoolbag.com tutorial básico</h1>
<form action="demo-form.php" method="post">
  Compañía: <input type="text" name="company"><br>
  Dirección: <input type="text" name="address"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>
prueba y mira ‹/›

En este HTML5En el ejemplo de documento, hemos utilizado la etiqueta <form> para crear un formulario HTML. Este formulario contiene dos controles <input> para la empresa y la dirección, así como un botón de envío.

Efecto después de ejecutar:

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <form>.

Consideraciones al usar la etiqueta

Si ha configurado autocomplete en off en un formulario porque el documento proporciona su propio autocompletado exclusivo, también debe configurar autocomplete en off para cada elemento input de este formulario para permitir que el documento asuma el autocompletado.

Definición y explicación de uso de la etiqueta

La etiqueta <form> se utiliza para crear un formulario HTML que permite la entrada del usuario.

El elemento <form> contiene uno o más de los siguientes elementos de formulario:

HTML 4.01 con HTML5diferencias

HTML5 Se han agregado dos nuevas propiedades: autocomplete y novalidate, y ya no se admite HTML 4.01 algunos atributos.

Diferencias entre HTML y XHTML

En XHTML, el atributo name ha sido descontinuado. Utilice el atributo id global en su lugar.

Atributo

New :HTML5 nuevo. Nuevo: HTML

AtributoValorDescripción
acceptMIME_typeHTML5 No se admite. Define el tipo de archivo que el servidor puede recibir (los archivos se envían mediante carga de archivos).
accept-charsetcharacter_setDefine el conjunto de caracteres que el servidor puede procesar en los datos del formulario.
actionURLDefine a dónde se enviarán los datos del formulario al enviarlo.
autocompleteHTML5on
off
Define si se habilita la función de autocompletar del formulario.
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
Define cómo se debe codificar los datos del formulario antes de enviarlos al servidor. (Aplicable cuando method="post")
methodget
 post
Define el método HTTP utilizado para enviar los datos del formulario.
nametextDefine el nombre del formulario.
novalidateHTML5novalidateSi se utiliza este atributo, no se realiza la verificación al enviar el formulario.
target_blank
 _self
 _parent
 _top
Especifica dónde abrir la URL de acción.

Atributos globales

Soporte del etiqueta <form> Atributos globales de HTML.

Atributos de eventos

Soporte del etiqueta <form> Atributos de eventos de HTML.

Pruebe el ejemplo en línea

Botón de opción (Radio buttons)
Este ejemplo muestra cómo crear un botón de opción en HTML.

Casilla de verificación (Checkboxes)
Este ejemplo muestra cómo crear una casilla de verificación en una página HTML. El usuario puede marcar o desmarcar la casilla de verificación.

Lista desplegable simple
Este ejemplo muestra cómo crear una lista desplegable simple en una página HTML. La lista desplegable es una lista opcional.

Lista desplegable preseleccionada
Este ejemplo muestra cómo crear una lista desplegable con valores preseleccionados.

Campo de texto (Textarea)
Este ejemplo muestra cómo crear un campo de texto (control de entrada de texto multilínea). El usuario puede escribir texto en el campo de texto. No hay límite de caracteres para escribir.

Crear botón
Este ejemplo muestra cómo crear un botón. Puede personalizar el texto del botón.

Artículos relacionados

Tutoriales de HTML:Formularios e entrada de HTML

Manual de referencia de HTML DOM: Objeto Form