El atributo formAction en HTML

- Andrés Cruz

In english
El atributo formAction en HTML

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.