DesarrolloLibre

Desarrollo Web, Android y mucho más

19-11-2015

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:

Ayúdanos a seguir creciendo

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Flat Module con puro CSS

Flat Module con puro CSS

Unión de galaxias con JavaScript

Unión de galaxias con JavaScript

Creando un pulso con CSS

Creando un pulso con CSS

Algunos artículos que te pueden interesar

Escalado y recortando imágenes con Canvas

Escalado y recortando imágenes con Canvas

Con Canvas es posible escalar e incluso recortar imágenes dibujadas en el lienzo (en el Canvas) todo con sólo una función llamada drawImage().

Andrés Cruz 05-05-2014

Construyendo nuestro propio logo Android con SVG en HTML

Construyendo nuestro propio logo Android con SVG en HTML

En esta entrada abordaremos un tema un poco más práctico y veremos cómo construir nuestro propio logo de Android empleando lo hablado hasta el momento.

Andrés Cruz 21-05-2015

El elemento dialog (diálogo) en HTML5

El elemento dialog (diálogo) en HTML5

El elemento <dialog> (diálogo) define una caja de diálogo o simplemente una nueva ventana.

Andrés Cruz 20-11-2014