Control de la tabulacion entre campos de un formulario

Control de la tabulacion entre campos de un formularioMe he topado en Internet con algunos formularios, ya sea de registro, de login, de contacto, etc, en ciertas paginas, el cual a la hora de estar rellenando esos campos, bueno por lo menos yo, acostumbro a presionar la tecla tabulacion para pasarme al campo siguiente y así sucesivamente, pero en ciertas paginas, como mencionaba, el orden de los campos a rellenar se ven interferidas por ciertos enlaces, como "¿Has olvidado tu contraseña?”, "¿Registrate?”, etc., (que también son dignos de el foco de la tabulacion), lo que hace que se pierda esa concentración de que campo sigue.


Bueno tal vez halla sido muy exagerado cuando dije "se pierda esa concentración”, pero tener el control de la tabulacion, creo yo que, es indispensable para llevar al usuario a donde un quiera llevarlo.


Html tiene una propiedad tanto para inputs, como para enlaces, divs,  botones, etc., y se llama tabindex, por ejemplo:

<input type="text" tabindex="1" name="campo1" /><!-- el foco en la primera tabulacion -->
<input type="text" tabindex="3" name="campo2" /><!-- el foco en la tercera tabulacion -->
<input type="text" tabindex="2" name="campo3" /> <!-- el foco en la segunda tabulacion --> 

La tabulación será en el primero después en el tercero y al último en el segundo

Pero esto también como decía, se puede poner en divs

<div tabindex="4">estoy en el foco en la 4ta tabulación</div> 

No es valido poner números negativos... 



<a onclick=omegayalfa" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-08
  • Categorias: Diseño Web html5 Html php WebSite webmasters Noticias Tutorial



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!