Tabindex é um atributo como qualquer outro das tags html, muito usado nas tags "input". O tabindex serve para controlar a ordem em que o cursor percorrerá os campos de um formulário
ao se utilizar a tecla TAB. Este atributo pode ser utilizado em hyperlinks e elementos de formulário(inputs, selects, entre outros).
Quando se constrói um formulário em html e não se especifica o tabindex, a ordem do cursor será de cima para baixo, da esquerda para a direita, ou seja, o padrão. Mas, quando o tabindex é especificado através de números (ordem que o cursor deverá percorrer), o controle de movimentação do cursor é feito. Após o término da especificação do tabindex, o padrão volta a ser adotado.
Segue exemplo de formulário que usa o tabindex.
<html>
<head>
</head>
<body>
<form>
Formulário de assinatura de revista
<br/>
<br/>
Nome: <input type="text" name="nome" tabindex="1" size="35" value="" /> <br/>
Idade: <input type="text" name="idade" tabindex="3" size="35" value="" /> <br/>
Sexo: <input type="radio" tabindex="2" name="sexo" value="M" /> Masculino   <input type="radio" name="sexo" value="F" /> Feminino <br/>
Tipo de Pagamento:
<select name="tiposPagamento">
<option value="1">A vista</option>
<option value="2">Parcelado no crédito</option>
<option value="3">Cheque</option>
</select>
</form>
</body>
</html>
Referência: http://warau.nied.unicamp.br/warauv2/?q=node/30
Leia Mais ››