Atributo formmethod de HTML <button>

Etiqueta HTML <button>

Definición y uso

formmethod La propiedad especifica el método HTTP utilizado para enviar los datos del formulario. Esta propiedad sobrescribe la propiedad method del formulario.

formmethod La propiedad solo se utiliza para type="submit" del botón.

Los datos del formulario se pueden enviar como variables de URL (usando method="get") o enviarse como HTTP post (usando method="post")

Consideraciones sobre el método "get":

  • Añade los datos del formulario en forma de pares de nombre/valor a la URL
  • Esto es muy útil para los envíos de formularios en los que el usuario desea agregar los resultados como favoritos
  • La cantidad de datos que se pueden放置 en la URL es limitada（varía según el navegador），por lo que no se puede garantizar que todos los datos del formulario se transmitan correctamente.
  • Nunca use el método "get" para enviar información sensible！（Contraseña u otra información sensible se mostrará en la barra de direcciones del navegador）

Consideraciones sobre el método "post":

  • Envía los datos del formulario como una transacción HTTP POST
  • Los formularios enviados con el método "post" no se pueden guardar como favoritos
  • En comparación con el método "get", el método "post" es más robusto y seguro
  • No tiene límite de tamaño

Ejemplo

Formulario con dos botones de envío. El primer botón de envío utiliza method="get" para enviar los datos del formulario, el segundo botón de envío utiliza method="post" para enviar los datos del formulario:

<form action="/action_page.php" method="get">
  <label for="fname">Nombre:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Apellido:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Enviar</button>
  <button type="submit" formmethod="post">Enviar usando POST</button>
</form>

Prueba personalmente

Sintaxis

<button type="submit" formmethod="get|post">

Valor de atributo

Valor Descripción
get Adjuntar los datos del formulario a la URL:URL?name=value&name=value.
post Enviar los datos del formulario como transacción HTTP POST.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Nota:formmethod Las propiedades son nuevas propiedades en HTML 5.

Etiqueta HTML <button>