Ejemplo
Un formulario HTML con dos campos de entrada y un botón de envío:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <form> etiqueta se utiliza para crear un formulario HTML para la entrada del usuario.
La <form> elemento puede contener uno o más de los siguientes elementos de formulario:
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <form> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
HTML5 ha añadido dos nuevos atributos: autocomplete y novalidate , y removed el accept atributo.
Diferencias entre HTML y XHTML
En XHTML, el name atributo está en desuso. Utilice el atributo id mundial en su lugar.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| accept | file_type | No se admite en HTML5. Especifica una lista separada por comas de los tipos de archivos que acepta el servidor (que se pueden enviar a través de la carga de archivos) |
| accept-charset | character_set | Especifica la codificación de caracteres que han de ser utilizados para el envío del formulario |
| action | URL | Especifica dónde enviar el formulario-datos cuando se envía un formulario |
| autocomplete | on off | Especifica si una forma de autocompletar debe tener encendido o apagado |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Especifica cómo los datos del formulario-deben ser codificados al presentar al servidor (sólo para method="post" ) |
| method | get post | Especifica el método HTTP para utilizar al enviar form-data |
| name | text | Especifica el nombre de un formulario |
| novalidate | novalidate | Especifica que el formulario no debe ser validada cuando se presente |
| target | _blank _self _parent _top | Especifica dónde se debe mostrar la respuesta que se recibe después de enviar el formulario |
Los atributos globales
La <form> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <form> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
Formulario con casillas de verificación
Un formulario con dos casillas de verificación, y un botón de envío.
Formulario con botones de radio
Un formulario con dos botones de radio, y un botón de envío.
Páginas relacionadas
: Tutorial HTML Forms y de entrada de HTML
Referencia HTML DOM: Objeto de formulario
CSS Tutorial: Formas de estilo
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <form> elemento con los siguientes valores predeterminados: