Los últimos tutoriales de desarrollo web
 

HTML <button> formmethod Attribute

<HTML <button> etiqueta

Ejemplo

Un formulario con dos botones de envío. El primer botón de enviar somete los datos del formulario con method="get" , y la segunda presenta los datos del formulario con method="post" :

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post" formaction="demo_post.asp">Submit using POST</button>
</form>
Inténtalo tú mismo "

Definición y Uso

El formmethod atributo especifica el método HTTP para utilizar al enviar las form-data. Este atributo anula de forma method atributo.

El formmethod atributo sólo se utiliza para los botones con type="submit" .

Los form-data se pueden enviar como variables de URL (con method="get" ) o como HTTP post (con method="post" ).

Notas sobre el "get" método:

  • se anexa los form-data a la URL de pares de nombre / valor
  • es útil para el envío de formularios donde un usuario desea marcar el resultado
  • Hay un límite a la cantidad de datos que se pueden colocar en una dirección URL (varía entre los navegadores), por lo tanto, no se puede estar seguro de que todos los form-data serán transferidos correctamente
  • Nunca use el "get" método para transmitir información sensible! (Contraseña u otra información sensible será visible en la barra de direcciones del navegador)

Notas sobre el "post" método:

  • envía los form-data como una transacción HTTP POST
  • Los envíos de formularios con el "post" método no se pueden marcar
  • es más robusta y segura que "get"
  • que no tiene limitaciones de tamaño

Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.

Atributo
formmethod 9.0 10.0 4.0 5.1 10.6

Diferencias entre HTML 4.01 y HTML5

El formmethod atributo es nuevo en HTML5.


Sintaxis

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

Los valores de atributo

Valor Descripción
get Añade los form-data a la URL: URL?name=value&name=value
post Envía los form-data como un HTTP post transacción

<HTML <button> etiqueta