--- title: form slug: Web/HTML/Element/form translation_of: Web/HTML/Element/form original_slug: Web/HTML/Elemento/form ---
El elemento HTML form (<form>
) representa una sección de un documento que contiene controles interactivos que permiten a un usuario enviar información a un servidor web.
Es posible usar las pseudo-clasess de CSS :valid
e :invalid
para darle estilos a un elemento form.
Categorías de contenido | Contenido dinámico |
Contenido permitido | Contenido dinámico, pero sin contener elementos <form> |
Omisión de etiquetas | Ninguna, ambas, la etiqueta de apertura y cierre deben estar presentes |
Normative document | HTML5, section 4.10.3 (HTML4.01, section 17.3) |
Como cualquier otro elemento HTML, este elemento soporta atributos globales
Nota de uso: este atributo ha sido removido en HTML5 y no debe ser usado. En su lugar, usar el atributo accept del elemento específico {{ HTMLElement("input") }}.
HTML 4: En versiones anteriores de HTML, las diferentes codificaciones de caracteres pueden ser delimitadas por espacios o comas. Este no es más el caso en HTML5, donde sólo los espacios son correctos.
autocomplete
en un elemento que pertenezca al formulario:
Nota: si se establece autocomplete
a un valor de off
en un formulario porque el documento provee su propio auto-completado entonces también se debería establecer autocomplete
al valor off
para cada uno de los elementos de formulario input
que el documento pueda autocompletar {{ anch("Notas para Google Chrome") }}.
method
es post, este atributo es el tipo MIME del contenido que es usado para enviar el formulario al servidor.type
ajustado a "file".Este valor puede ser sobreescrito por un atributo{{ htmlattrxref("formenctype", "button") }}en un {{ HTMLElement("button") }} o un elemento {{ HTMLElement("input") }}.
action
, con un '?' como separador, y la URI resultante es enviada al servidor. Use este método cuando el formulario no tiene efectos secundarios y contiene solo caracteres ASCII.Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formmethod", "button") }} en un {{ HTMLElement("button") }} o elemento {{ HTMLElement("input") }}.
HTML5: Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formtarget", "button") }} en un elemento {{ HTMLElement("button") }} o{{ HTMLElement("input") }}.
Este elemento implementa la interfaz HTMLFormElement
.
<!-- Formulario simple que enviará una petición GET --> <form action=""> <label for="GET-name">Nombre:</label> <input id="GET-name" type="text" name="name"> <input type="submit" value="Save"> </form> <!-- Formulario simple que enviará una petición POST --> <form action="" method="post"> <label for="POST-name">Nombre:</label> <input id="POST-name" type="text" name="name"> <input type="submit" value="Save"> </form> <!-- Formulario con conjunto de campos, leyenda y etiqueta --> <form action="" method="post"> <fieldset> <legend>Título</legend> <input type="radio" name="radio" id="radio"> <label for="radio">Clic aquí</label> </fieldset> </form>
Otros elementos que son usados para crear formularios: {{ HTMLElement("button") }}, {{ HTMLElement("datalist") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }},{{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}.
{{ languages( { "fr": "fr/HTML/Element/Form" } ) }}