DesarrolloLibre

Desarrollo Web, Android, juegos 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:


Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Creando un pulso con CSS

Creando un pulso con CSS

Ondas con SVG y CSS

Ondas con SVG y CSS

Sistema de particulas con Canvas

Sistema de particulas con Canvas

Algunos artículos que te pueden interesar

Usando CSS para validar visualmente campos del formulario

Usando CSS para validar visualmente campos del formulario

Con HTML5 podemos utilizar el atributo required para indicarle al navegador que este campo es requerido.

Andrés Cruz 19-08-2013

El elemento Progress Bar HTML5

El elemento Progress Bar HTML5

La función del elemento o etiqueta (tag) progress es la de indicar el estado de terminación de una tarea.

Andrés Cruz 30-12-2013

El elemento symbol para los SVG en HTML

El elemento symbol para los SVG en HTML

En esta entrada veremos un elemento muy útil para trabajar con los SVG que es el elemento symbol; este elemento ahorra mucho trabajo y permite agrupar una serie de figuras básicas y pintarlos empleando el elemento use.

Andrés Cruz 01-06-2015