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 registrar una marca o nombre comercial

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-02-18
  • Categorias: WebSite Trucos y tips Noticias Tutorial

Como poner reCAPTCHA en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-02-18
  • Categorias: Google Diseño Web WebSite Noticias Tutorial

Como crear un Sitemap online

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-02-16
  • Categorias: RSS XML WebSite webmasters Marketing SEO Herramientas Noticias Tutorial

Curso de CSS avanzado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 html5 Html Cursos Noticias Tutorial

Curso de Introducción a CSS

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 WebSite webmasters Cursos Noticias Tutorial

Curso básico de Javascript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-17
  • Categorias: Diseño Web javascript Cursos Noticias Tutorial