Pedir presupuesto

Tabular formularios con la tecla INTRO

En muchos formularios de aplicaciones de escritorio utilizan la tecla INTRO para tabular, es decir, para pasar de un campo a otro. En páginas web no iba a ser distinto y para eso tenemos un script realizado en Javascript que lo consigue.

Para ello podemos hacer un archivo externo .js (cosa que aconsejo) o bien como en el ejemplo, podemos incluirlo en la página web en concreto donde vayamos a utulizarlo. Tan sólo tendremos que incluir este código entre las etiquetas HEAD:

[js]
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;

if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;}
[/js]

Una vez tenemos implementado el código, hacemos referencia en cada uno de los campos donde queremos que la tecla INDRO se comporte como Tabulador, añadiendo la siguiente linea a cada campo (input):

[js]onkeypress=»return handleEnter(this, event)»[/js]

Para ver el formulario en funcionamiento podéis acceder a la demo de «Intro como Tabulador en Formularios«.

¿Te ha gustado?, Comparte!!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es