Este capítulo describe los diferentes atributos para el elemento HTML
<form>.
El atributo action
El atributo action define la acción que se realizará cuando se envíe el formulario.
Por lo general, los datos del formulario se envían a un archivo en el servidor cuando el usuario hace clic en el botón enviar.
En el siguiente ejemplo, los datos del formulario se envían a un archivo llamado "action_page.php". Este archivo contiene un script del lado del servidor que maneja los datos del formulario:
Ejemplo:
<form action="/action_page.php">
<label for="nombre">Nombre:</label><br>
<input type="text" id="nombre" name="nombre" value="Santos"><br>
<label for="apellido">Apellido:</label><br>
<input type="text" id="apellido" name="apellido" value="Romero">
<br><br>
<input type="submit" value="Enviar">
</form>
Tip: si omites el atributo
action, la acción ocurrirá en la página actual.
El atributo target
El atributo target especifica dónde mostrar la respuesta que se recibe después de enviar el formulario.
El atributo target puede tener uno de los siguientes valores:
| Valor | Descripción |
_blank | La respuesta se muestra en una nueva ventana o pestaña. |
_self | La respuesta se muestra en la ventana actual. |
_parent | La respuesta se muestra en el marco principal. |
_top | La respuesta se muestra en el cuerpo completo de la ventana. |
framename | La respuesta se muestra en un iframe con nombre |
El valor predeterminado es _self, lo que significa que la respuesta se abrirá en la ventana actual.
Ejemplo:
Aquí, el resultado enviado se abrirá en una nueva pestaña del navegador:
<form action="/action_page.php" target="_blank">
El atributo method
El atributo method especifica el método HTTP que se utilizará al enviar los datos del formulario.
Los datos del formulario se pueden enviar como variables URL (method="get") o como transacción post HTTP ( method="post").
El método HTTP predeterminado al enviar datos de formulario es GET.
Ejemplo:
Este ejemplo utiliza el método GET al enviar los datos del formulario:
<form action="/action_page.php" method="get">
Ejemplo:
Este ejemplo utiliza el método POST al enviar los datos del formulario:
<form action="/action_page.php" method="post">
Más sobre GET:
Agrega los datos del formulario a la URL, en pares de nombre/valor
NUNCA use
GETpara enviar datos confidenciales (Los datos del formulario enviada se mostrarán en la URL)La longitud de una URL es limitada (2048 caracteres)
Útil para envíos de formularios en los que un usuario desea marcar el resultado
GETes bueno para datos no seguros, como cadenas de consulta en Google
Más sobre POST:
Agrega los datos del formulario dentro del cuerpo de la solicitud HTTP (los datos del formulario enviado no se muestrarán en la URL)
POSTno tiene limitaciones de tamaño y se puede utilizar para enviar grandes cantidades de datos.Los envíos de formularios con
POSTno se pueden marcar
Tip: siempre use
POSTsi los datos del formulario contienen información confidencial o personal.
El atributo autocomplete
El atributo autocomplete especifica si un formulario debe tener la opción de autocomplete activada o desactivada.
Cuando la función autocomplete está activada, el navegador completa automáticamente los valores en función de los valores que el usuario ha ingresado anteriormente.
Ejemplo:
Un formulario con autocomplete activado:
<form action="/action_page.php" autocomplete="on">
El atributo novalidate
El atributo novalidate es un atributo booleano.
Cuando está presente, especifica que los datos del formulario (entrada) no deben validarse cuando se envían.
Ejemplo:
Un formulario con un atributo novalidate:
<form action="/action_page.php" novalidate>
Resumen
Los atributos del elemento <form> permiten realizar diferentes acciones con el formulario. El atributo action para enviar datos a algún archivo del servidor. El atributo target para cambiar el destino del resultado de envío de un formulario. El atributo method con sus valores GET o POST para el envío de información. Se recomienda usar el método POST si se tiene datos delicados que enviar.
Traducido con 💚 desde W3Schools.com