En este ejemplo, el orden de tabulación será el BUTTON, los elementos INPUT en orden (obsérvese que "campo1" y el botón
comparten el mismo tabindex, pero "campo1" aparece después en el flujo de caracteres), y por último el vínculo creado por el elemento A.
<!DOCTYPE HTML PUBLIC "_//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Un documento con FORM</TITLE> </HEAD> <BODY> ...texto... <P>Ir al <A tabindex="10" href="http://www.w3.org/">sitio web del W3C.</A> ...más texto... <BUTTON type="button" name="obtener_base_de_datos"
tabindex="1" onclick="obtener_base_de_datos"> Obtener la base de datos acutal. </BUTTON> ...más texto... <FORM action="..." method="post"> <P> <INPUT tabindex="1" type="text" name="campo1"> <INPUT tabindex="2" type="text" name="campo2"> <INPUT tabindex="3" type="submit" name="enviar"> </P> </FORM> </BODY> </HTML>
Teclas de tabulación. La secuencia real de teclas que permiten la navegación con tabulador o la activación de los elementos depende de la configuración del agente de usuario (p.ej., la tecla "tab" se usa para la navegación y la tecla "intro" se usa para activar el elemento seleccionado).
Los agentes de usuario pueden también definir secuencias de teclas para navegar en orden inverso al de tabulación. Cuando se alcanza el final (o el principio) del orden de tabulación, los agentes de usuario puede volver al principio (o al final).