Atributo formmethod HTML5: Cambiar el método de envío de formularios

Con el atributo formmethod HTML5 podemos cambiar el método de envío de formularios facílmente y variarlo entre POST y GET.

La aplicación de este nuevo atributo HTML5 sustituye el valor que tenga el atributo ‘method’ del formulario.

Es muy parecido en su sintaxis y aplicación al atributo formenctype HTML5.

Sintaxis del atributo formmethod HTML5

Vamos a ver la sintaxis de extraída de su documentación oficial:

<form action="recibir-formulario.php" method="post">
  <input type="submit" formmethod="get" value="enviar con GET">
</form>

Tal y como podéis ver, la sintaxis no tiene ninguna complicación. El atributo solo es aplicable a los input de tipo ‘submit’.

Ejemplo del atributo formmethod HTML5

He preparado un sencillo ejemplo para probar este nuevo atributo HTML5. Aquí os pongo el código:

<form action="023-ejemplo-atributo-formmethod-html5.php" method="post">
   Introduzca su nombre: <input type="text" name="nombre"/>
   Introduzca su edad: <input type="number" name="edad"/>
   <input type="submit" formmethod="get" value="Enviar con GET">
   <input type="submit" value="Enviar con POST">
</form>

En el ejemplo he realizado:

• Un formulario con method POST.
• 1 input para introducir el nombre y otro input de tipo number para introducir la edad.
• 2 input de tipo submit, uno de ellos tiene el atributo formmethod y el otro es un submit normal.
• Al Clickar en el input con atributo formmethod = ‘get’ el formulario se mandará con ese método –> fijaros en la URL. Y al clickar el otro input se manda con método POST.

Listado de los nuevos atributos HTML5

En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.

Listado de los nuevos input HTML5

En esta url tenéis el listado completo de los nuevos input de HTML5.