Atributo de método de formulario <botón> HTML
Ejemplo
Un formulario con dos botones de envío. El primer botón de envío envía los datos del formulario con method="get", y el segundo envía los datos del formulario con method="post":
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
Definición y uso
El formmethod
atributo especifica qué método HTTP utilizar al enviar los datos del formulario. Este atributo anula el atributo del formulario method
.
El formmethod
atributo solo se usa para botones con
type="submit"
.
Los datos del formulario se pueden enviar como variables de URL (con
method="get"
) o como publicación HTTP (con
method="post"
).
Notas sobre el método "obtener":
- agrega los datos del formulario a la URL en pares de nombre/valor
- es útil para envíos de formularios en los que un usuario desea marcar el resultado
- Hay un límite en la cantidad de datos que puede colocar en una URL (varía entre navegadores), por lo tanto, no puede estar seguro de que todos los datos del formulario se transfieran correctamente.
- ¡Nunca use el método "obtener" para pasar información confidencial! (la contraseña u otra información confidencial estarán visibles en la barra de direcciones del navegador)
Notas sobre el método "post":
- envía los datos del formulario como una transacción posterior HTTP
- Los envíos de formularios con el método "publicar" no se pueden marcar
- es más robusto y seguro que "get"
- no tiene limitaciones de tamaño
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
Attribute | |||||
---|---|---|---|---|---|
formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Sintaxis
<button type="submit" formmethod="get|post">
Valores de atributos
Value | Description |
---|---|
get | Appends the form-data to the URL: URL?name=value&name=value |
post | Sends the form-data as an HTTP post transaction |
❮ Etiqueta HTML <botón>