Índice de guias na div
Consulte o código HTML do formulário abaixo
<form method="post" action="register">
<div class="email">
Email <input type="text" tabindex="1" id="email" value="" name="email"> </div>
</div>
<div class="agreement">
<div tabindex="2" class="terms_radio">
<div onclick="changeTerm(this);" class="radio" id="terms_radio_wrapper" style="background-position: left 0pt;">
<input type="radio" id="terms" value="1" name="terms"><label for="terms">I have read and understood the</label>
</div>
</div>
</div>
<div class="form_submit">
<input type="button" tabindex="3" value="Cancel" name="cancel">
<input type="submit" tabindex="4" value="Submit" name="submit">
</div>
</form>
Aqui, denominei a caixa de seleção de contrato de forma que a entrada de rádio fique completamente oculta e a imagem de plano de fundo seja aplicada à div do wrapper, e o clique da div do wrapper alternará a imagem de plano de fundo e o status verificado da entrada de rádio.
Preciso definir o índice tabindex no DIV 'terms_radio', simplesmente o atributo tabindex = "2" no div não está funcionando,
É possível colocar a borda pontilhada na etiqueta da entrada de rádio pressionando a tecla TAB quando o cursor está no campo de entrada de email?