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:
1 2 3 |
<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:
1 2 3 4 5 6 |
<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.