El atributo formAction en HTML

19-11-2015 - Andrés Cruz

El atributo formAction en HTML In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos.

Ver ejemplo Descargar

HTML cuenta con una gran cantidad de elementos y así como atributos, alguno de ellos más útiles que otros según la situación y otros bastante desconocidos de los cuales poco se habla; hoy les traigo un desconocido para muchos llamado formAction.

El formAction aplicable a inputs tipo submit sobrescribir el atributo action del formulario en el cual se encuentra contenido lo cual es una función bastante particular y útil dada las circunstancias:

    <form action="controlador1">
      Nombre: <input type="text" name="nombre"><br>
      Apellido: <input type="text" name="apellido"><br>
      <input type="submit" value="Submit 1"><br>
      <input type="submit" value="Submit 2" formaction="controlador2" >
    </form>

Si presionamos el primer "Submit" del formulario:

<input type="submit" value="Submit 1">

La petición será manejada por el programa que maneja la URI controlador1 la cual esta especificada en el atributo action del formulario.

Si por el contrario presionamos el segundo "Submit" del formulario:

<input type="submit" value="Submit 2" formaction="controlador2">

La petición será manejada por el programa que maneja la URI controlador2 y esto es gracia al atributo formAction que permite sobrescribir la URI del atributo action del elemento form que conforma el formulario.

Y esto es básicamente todo, seguramente puede resultar útil para mostrar/ocultar algunos inputs tipo submit del formulario con JavaScript al estar presente ciertos valores y evitar sobrescribir el atributo action del formulario mediante JavaScript.

Puedes probar el ejemplo anterior en el siguiente enlace:

Ver ejemplo Descargar


Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.

Conozca nuestros cursos sobre Laravel, CodeIgniter, Flutter, Electron, Django, Flask y muchos más!

Ver los cursos
¡Hazte afiliado en Gumroad!

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
!Web Alojada en Hostinger!