16 August, 2008

Varios botones sobre un mismo formulario de forma accesible

Como soy así de vicioso esta mañana estaba dedicando algo de mi tiempo a maquetar un formulario sobre el que pueden actuar 3 botones con acciones diferentes (pongamos guardar en session, guardar en BD y eliminar de session). Este formulario debe cumplir estándares xtml+css2 y debe ser accesible lo cual me obliga a prescindir de javascript para su funcionamiento básico, se acabó el document.location.href='xxx'.

Gloogleando un poco me encontré con este buen artículo de Olga Carreras.

La idea es muy simple. A cada uno de los botones le asignamos un name un id y un value, y en el servidor nos encargaremos de comprobar que botón se ha pulsado y de ejecutar la acción correspondiente.

  1. <form action="./controllerForm" name="form1" id="form1" method="post">
  2.    <input type="submit" value="Guarda" id="save_session" name="save_session" />
  3.    <input type="submit" value="Eliminar" id="eliminar" name="eliminar" />
  4.    <input type="submit" value="Enviar" id="enviar"  name="enviar" />
  5. </form>

Powered by WordPress
Bajo licencia Creative Commons
Contacto sanroman.javier at gmail.com