English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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>.
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:
IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten la etiqueta <form>.
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.
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:
HTML5 Se han agregado dos nuevas propiedades: autocomplete y novalidate, y ya no se admite HTML 4.01 algunos atributos.
En XHTML, el atributo name ha sido descontinuado. Utilice el atributo id global en su lugar.
New :HTML5 nuevo. Nuevo: HTML
Atributo | Valor | Descripción |
---|---|---|
accept | MIME_type | HTML5 No se admite. Define el tipo de archivo que el servidor puede recibir (los archivos se envían mediante carga de archivos). |
accept-charset | character_set | Define el conjunto de caracteres que el servidor puede procesar en los datos del formulario. |
action | URL | Define a dónde se enviarán los datos del formulario al enviarlo. |
autocompleteHTML5 | on off | Define si se habilita la función de autocompletar del formulario. |
enctype | application/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") |
method | get post | Define el método HTTP utilizado para enviar los datos del formulario. |
name | text | Define el nombre del formulario. |
novalidateHTML5 | novalidate | Si 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. |
Soporte del etiqueta <form> Atributos globales de HTML.
Soporte del etiqueta <form> Atributos de eventos de HTML.
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.
Tutoriales de HTML:Formularios e entrada de HTML
Manual de referencia de HTML DOM: Objeto Form