O código abaixo faz com que o usuário ao digitar em um determinado campo input, ele pula para o outro campo automaticamente:
<form class="form-inline">
<div align="center">
<div class="form-group">
<input type="password" class="form-control" style="width: 70px" maxlength="1" id="campo1" value="" onkeyup="if(this.value.length >= 1) { campo2.focus(); }">
</div>
<div class="form-group">
<input type="password" class="form-control" style="width: 70px" maxlength="1" id="campo2" value="" onkeyup="if(this.value.length >= 1) { campo3.focus(); }">
</div>
<div class="form-group">
<input type="password" class="form-control" style="width: 70px" maxlength="1" id="campo3" value="" onkeyup="if(this.value.length >= 1) { campo4.focus(); }">
</div>
<button type="submit" id="campo7" class="btn btn-default">Acessar</button>
</div>
</form>
Até aqui tudo certo, mas como eu faria para caso o usuário quisesse apagar os campos anteriores apertando a tecla Backspace?
Obrigado