Inicia sesión


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... 



  • 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!






Peinado Pompadour

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-12
  • Categorias: Moda Estilo Trucos y tips Noticias Tutorial

Instalación de cableado eléctrico

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-12
  • Categorias: Bricolaje Electricidad Noticias Tutorial

Características de la configuración, instalación y mantenimiento de alarmas contra incendios

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-12
  • Categorias: Bricolaje Noticias Tutorial

Como crear una web con el lenguaje HTML

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-21
  • Categorias: Diseño Web Lenguajes De Programacion CSS3 html5 Html WebSite webmasters Cursos Noticias Tutorial

Curso intensivo para principiantes en HTML5

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-03
  • Categorias: Diseño Web html5 Html WebSite Cursos Tutorial

Mejorar la presencia online de tu empresa: curso para principiantes

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-06-25
  • Categorias: Marketing SEO Cursos Noticias Tutorial