如何防止表单字段中的标签按钮跳转到另一个字段？

Question

示例：这是我的预订表格，当我单击关键字上的选项卡按钮时，它需要输入名字、电子邮件、房间类型，但要防止选项卡显示到达日期并直接跳转到出发日期

我从一些堆栈溢出解决方案中尝试这样做。当我单击关键字中的选项卡按钮时，它应该跳转到全名字段和姓氏字段并防止选项卡标记并跳转到直接年龄字段。所以有没有办法像这样？

       <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>

Answer 1

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