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

Te sugiero seguir leyendo...


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

Control de la tabulacion entre campos de un formulario
Control de la tabulacion entre campos de un formulario Control de la tabulacion entre campos de un formulario...
Tutoriales en linea




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






Como Saber Si Mi Equipo Está Infectado De Malware

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Software Ordenador Internet malware Noticias Tutorial

Qué Hacer Para Que Google Indexe Tu Web

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Google WebSite Indexar Noticias Tutorial

Cómo descargar y descubrir los mejores stickers en Facebook

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Redes Sociales Facebook Noticias Tutorial

Desarrollo De Software - Parte 1

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Lenguajes De Programacion Software Nuevas Tecnologias Cursos Noticias Tutorial

¿Por qué no eres un famoso diseñador gráfico?

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-05
  • Categorias: Cursos Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-07-26
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial