Блог

Пример: это моя форма бронирования, и когда я нажимаю кнопку tab по ключевому слову, тогда нужно указать имя, адрес электронной почты, тип номера, но запретить вкладку с даты прибытия и напрямую перейти к дате отправки

и я попробовал это из какого-то решения переполнения стека.Когда я нажимаю кнопку tab в ключевом слове, она должна перейти в поле Full name и поле Last Name и запретить tab из тега и перейти в прямое поле Age.Так есть ли способ сделать это?

        <input type="text" name="full name" class="form-control">
       <input type="text" name="last_name" class="form-control">
       <a href="{{ route('banks.index') }}" class=" block-tab ">Go to another Page</a>
       <input type="number" name="age">
       <button type="submit" >Save</button>

      <script>
         $('.block-tab').on('keydown', function(e) {
              if (e.keyCode == 9) e.preventDefault();
        });
     </script>
  

Использовать tabindex="-1" для пропуска поля ввода для получения дополнительной информации вы можете прочитать документацию здесь

 <input placeholder="ok"/></br>
<input placeholder="ok"/></br>
<input placeholder="skip" tabindex="-1"/></br>
<input placeholder="ok"/></br>