Поворот tabindex через форму html

Question

У меня есть PHP-сгенерированная форма, которая используется в качестве интерфейса фактурирования. Пользователи пробиваются через форму, нажимая tab. Мне нужно повернуть ключ вкладки через форму, пока они не завершат процесс выставления счетов.

Например, с помощью этой формы:

<form> 

<input type = "text" name="a" tabindex=1> 
<input type = "text" name="b" tabindex=2> 
<input type = "text" name="c" tabindex=3> 
<input type = "text" name="d" tabindex=4> 
<input type = "text" name="e" tabindex=5> 
<input type = "text" name="f" tabindex=6> 
<input type = "button" name="g" tabindex=7> 

<input type = "submit" name="h" tabindex=8> 

</form> 

мне нужно переместить индекс вкладки от 1 до 7, а затем переместить вкладку должны их обратно в поле а. Он должен вращаться, и мне нужно переместить курсор на h, когда я нажимаю ESC.

Пример -

TAB ключ перемещается курсор из а-> b-> c-> D-> е-> F-> G-> а-> Ь -> ...... -> г

Клавиша ESC Просто переместите курсор в час

Как я могу это сделать в HTML или JavaScript?

Answer 1

Я использовал идентификатор вместо имен. Угадайте, что это помогает:

<form> 
    <input type = "text" id="a" tabindex=1/> 
    <input type = "text" id="b" tabindex=2/> 
    <input type = "text" id="c" tabindex=3/> 
    <input type = "text" id="d" tabindex=4/> 
    <input type = "text" id="e" tabindex=5/> 
    <input type = "text" id="f" tabindex=6/> 
    <input type = "button" id="g" value="next" tabindex=7/> 
    <input type = "submit" id="h" value="ok" tabindex=8/> 
</form> 
    <script type="text/javascript"> 
    $('input').keydown(function(event){ 
     if(event.keyCode == 9 && $(event.target).is('#g')){ 
      $('#a').focus(); 
      event.preventDefault(); 
     } 
     else if (event.keyCode == 27){ 
      $('#h').focus(); 
      event.preventDefault(); 
     } 
    }); 
    </script> 

Answer 2

Я использовал следующий код для этого вопроса и получил успех.

<script> 
    window.history.forward(1); 
    document.attachEvent("onkeydown", my_onkeydown_handler); 
    function my_onkeydown_handler() 
    { 
    switch (event.keyCode) 
    { 

    case 9 : 
    document.form.a.focus(); 
    event.keyCode = 0; 
    break; 

    case 27 : 
    document.form.h.focus(); 
    event.keyCode = 0; 
    break; 
    } 
    } 
    </script>