Buscar..
Introducción
Para agrupar elementos de entrada y enviar datos, HTML utiliza un elemento de formulario para encapsular elementos de entrada y envío. Estos formularios manejan el envío de los datos en el método especificado a una página manejada por un servidor o controlador. Este tema explica y demuestra el uso de formularios HTML para recopilar y enviar datos de entrada.
Sintaxis
<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">
Parámetros
| Atributo | Descripción |
|---|---|
accept-charset | Especifica las codificaciones de caracteres que se utilizarán para el envío del formulario. |
action | Especifica dónde enviar los datos del formulario cuando se envía un formulario. |
autocomplete | Especifica si un formulario debe tener autocompletado activado o desactivado. |
enctype | Especifica cómo se deben codificar los datos de formulario al enviarlos al servidor (solo para method = "post"). |
method | Especifica el método HTTP que se debe utilizar al enviar datos de formulario (POST o GET). |
name | Especifica el nombre de un formulario. |
novalidate | Especifica que el formulario no debe validarse cuando se envía. |
target | Especifica dónde mostrar la respuesta que se recibe después de enviar el formulario. |
Observaciones
El elemento <form> representa una sección que contiene elementos asociados al formulario (por ejemplo, <button> <fieldset> <input> <label> <output> <select> <textarea> ) que envía información a un servidor. Se requieren las etiquetas de inicio ( <form> ) y finalización ( </form> ).
Sumisión
El atributo de acción
El atributo de acción define la acción que se realizará cuando se envía el formulario, lo que generalmente conduce a un script que recopila la información presentada y trabaja con ella. Si lo deja en blanco, lo enviará al mismo archivo.
<form action="action.php">
El atributo del método
El atributo de método se utiliza para definir el método HTTP de la forma que es GET o POST.
<form action="action.php" method="get">
<form action="action.php" method="post">
El método GET se utiliza principalmente para obtener datos, por ejemplo, para recibir una publicación por su ID o nombre, o para enviar una consulta de búsqueda. El método GET adjuntará los datos del formulario a la URL especificada en el atributo de acción.
www.example.com/action.php?firstname=Mickey&lastname=Mouse
El método POST se utiliza al enviar datos a un script. El método POST no anexa los datos del formulario a la URL de acción, pero los envía utilizando el cuerpo de la solicitud.
Para enviar los datos del formulario correctamente, se debe especificar un nombre de atributo de nombre.
Como ejemplo, enviemos el valor del campo y establezcamos su nombre como apellido :
<input type="text" name="lastname" value="Mouse">
Mas atributos
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
Atributo de destino en la etiqueta de formulario
El atributo de destino especifica un nombre o una palabra clave que indica dónde mostrar la respuesta que se recibe después de enviar el formulario.
El atributo de destino define un nombre de, o palabra clave para, un contexto de navegación (por ejemplo, pestaña, ventana o marco en línea).
Desde la etiqueta con un atributo de destino:
<form target="_blank">
Valores de atributo
| Valor | Descripción |
|---|---|
| _blanco | La respuesta se muestra en una nueva ventana o pestaña. |
| _yo | La respuesta se muestra en el mismo marco (esto es predeterminado) |
| _padre | La respuesta se muestra en el marco padre. |
| _parte superior | La respuesta se muestra en el cuerpo completo de la ventana. |
| nombre de cuadro | La respuesta se muestra en un iframe con nombre |
Nota: el atributo de destino está en desuso en HTML 4.01 . El atributo de destino es compatible con HTML5 .
Los marcos y los conjuntos de marcos no son compatibles con HTML5 , por lo que los valores de _parent, _top y nombre de marco ahora se usan principalmente con iframes .
Cargando archivos
Las imágenes y los archivos se pueden cargar / enviar al servidor configurando el atributo enctype de la etiqueta de form en multipart/form-data . enctype especifica cómo se codificarían los datos del formulario al enviarlos al servidor.
Ejemplo
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
Agrupando algunos campos de entrada
Al diseñar un formulario, es posible que desee agrupar algunos campos de entrada en un grupo para ayudar a organizar el diseño del formulario. Esto se puede hacer usando la etiqueta. Aquí hay un ejemplo para usarlo.
Para cada conjunto de campo, puede establecer una leyenda para el conjunto utilizando la etiqueta LEGEND TEXT
Ejemplo
<form>
<fieldset>
<legend>1st field set:</legend>
Field one:<br>
<input type="text"><br>
Field two:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2nd field set:</legend>
Field three:<br>
<input type="text"><br>
Field four:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Submit">
</form>
Resultado
Soporte del navegador
Las últimas versiones de Chrome, IE, Edge, FireFox, Safari y Opera también son compatibles con la etiqueta