Temas > Programacion > Html > Formulario orden de foco de controles
Julio

Formulario - orden de foco de controles
Todos los controles de formulario pueden definir una propiedad llamada
tabindex que es un valor entero entre 0 y 32767. Este número indica el
orden en que los controles toman foco. Cuando se presiona la tecla tab el
navegador pasa el foco al siguiente control.
Para probar el funcionamiento implementaremos un formulario que contenga
una matriz de tres filas y tres columnas de elementos de tipo text. Haremos
que el foco sea por columna, es decir primero tomará foco el text de la
primer fila y primer columna, luego del text de la segunda fila y primer
columna etc (si no definimos la propiedad tabindex la carga de datos se
efectua por fila):
<?php // esto no va
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
<input type="text" name="text1" size="5" tabindex="1">
<input type="text" name="text2" size="5" tabindex="4">
<input type="text" name="text3" size="5" tabindex="7">
<br>
<input type="text" name="text4" size="5" tabindex="2">
<input type="text" name="text5" size="5" tabindex="5">
<input type="text" name="text6" size="5" tabindex="8">
<br>
<input type="text" name="text7" size="5" tabindex="3">
<input type="text" name="text8" size="5" tabindex="6">
<input type="text" name="text9" size="5" tabindex="9">
<br>
<input type="submit" value="enviar" tabindex="10">
</form>
</body>
</html>
?> // esto no va
Como podemos observar los valores definidos para la propiedad tabindex para
la primer fila de controles text es:
<?php // esto no va
<input type="text" name="text1" size="5" tabindex="1">
<input type="text" name="text2" size="5" tabindex="4">
<input type="text" name="text3" size="5" tabindex="7">
?> // esto no va
Todos los controles de formularios pueden definir la propiedad tabindex
para indicar el orden de activación o foco del control.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar