[Aetae]

<div class="inputBlock">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
  <input type="text" maxlength="1" size="1">
</div>
<script>(function(){
var inputArr = [], inputs = [].slice.call(document.querySelectorAll('.inputBlock input'));
function input(event){
  var target = event.target;
  if( //если
    /^[^1-7]$/.test(target.value) || //не равен 1-7
    inputs.some(function(el){return el !== target && el.value === target.value}) //уже введён
  ){
    return this.value = ''; //очищаем
  } else { //иначе
    if(this.nextElementSibling) this.nextElementSibling.focus() //фокус на следующий
  }
}
inputs.forEach(function(el){el.oninput = input})
}())</script>