Php tabindex在两个窗体之间不起作用

我有两张表格。第一种形式是

搜索

和

插入

但是在点击搜索表单中的按钮后，tabindex不会转到insetform中的第一个输入

请注意，在搜索表单中有一个隐藏的div滑动切换，按钮后的下一个选项卡将转到该切换

 <form id="searchform" name="searchform" method="get" role="form" tabindex="1">
        <table>
            <tr>
                <td colspan="6"> &nbsp; </td>
            </tr>
            <tr>
                <td><input tabindex="1" id="name" placeholder="name" name="name" type="text"></td>
                <td><input tabindex="2" id="company" placeholder="company" name="company" type="text"></td>
                <td><input tabindex="3" id="persona" placeholder="persona" name="persona" type="text"></td>
                <td><input tabindex="4" id="website" placeholder="website" name="website" type="text"></td>
                <td> <a href="#" tabindex="5" class="btn btn-positive" id="searchlead"> Search </a></td>
                <td> <a style="margin-right: 6px;" href="#"  tabindex="6" class="btn btn-info" id="insert"> Insert </a></td>
            </tr>
            <tr class="slideTogglerow" style="display: none;">
                <td><div> 
                    From my list <input type="checkbox" name="search_own_list"  style="margin: 8px;" id="search-own-list"/>
                    </div>
                </td>
                <td> <input type="text" name="date_inserted" placeholder="date" id="date_inserted"/></td>
            </tr>
            <tr>
                <td>
                    <a id="advancesearch" href="#">
                    Advanced Search
                    <img src="assets/img/add-button.png"/> 
                    </a> 
                </td>
                <td colspan="5">  </td>
            </tr>
        </table>
    </form>




<form id="insertform" name="insertform" method="get" role="form" tabindex="2">
      <div class="row">
                <p> Date:  <i><?php echo date("M j, Y g:i a");?> </i></p>
                <div id="major-fields">
                     <input type="text" tabindex="7" placeholder="First Name" name="fname" id="ifname">
                     <input type="text" tabindex="8" placeholder="Last Name" name="lname" id="ilname">
                     <input type="text" tabindex="9" placeholder="Company" name="company" id="icompany">
                </div>
              <label>Persona <br/>
                <?php  echo $persona_str;?>
              </label>
              <br/>
              <label>Campaign <br/>
                <select id="icampaign" name="campaign">
                    <option value="3">NorthAm</option>
                    <option value="1">APAC</option>
                    <option value="2">Canada</option>
                    <option value="4">UK</option>
                </select>
              </label>
              <br/>
              <label>Country <br/>
                <select id="icountry" name="country">
                    <option value="2">USA</option>
                </select>
              </label>
              <br/>
              <label>Industry <br/>
                <?php  echo $industry_str;?>
              </label>
              <br/>
              <label>
                Status <br/>
                <?php echo $status_str;?>
              </label>
              <br/>
      </div>
      <button id="slideToggle" type="button" class="btn btn-default">+ Add more information </button>
      <br />
      <div class="row slideTogglebox" style="display: none;">
        <div id="minor-fields">
            <input type="text" placeholder="website" name="website" id="iwebsite">
            <input type="text" placeholder="email" name="email" id="iemail">
        </div>
        <input type="text" placeholder="position" name="position" id="iposition">
        <input type="text" placeholder="phone" name="phone" id="iphone">
        <input type="text" placeholder="address" name="address" id="iaddress">
        <textarea placeholder="note" name="note" id="inote"></textarea>
      </div>
        <button type="button" class="btn btn-positive" id="insertlead" style="margin-top: 10px; width: 100%;"> INSERT </button>
    </form>

从我的名单上
日期：

人物角色



活动

诺瑟姆
亚太地区
加拿大
英国


国家

美国


行业



状态



+添加更多信息


插入

如果需要，可以使用jquery进行聚焦

$('#insertform input').first().focus();

---

单击“搜索”链接（这是一个链接，即使您可能将其格式化为按钮）不会导致焦点改变。它只移动到文档的开头（因为它有

href=“#”

）。因为焦点没有改变，所以链接保持焦点。按TAB键将使焦点更改为下一个可聚焦元素（“插入”链接）

如果您希望单击链接以影响焦点，则需要使用JavaScript：

<a href="#" tabindex="5" class="btn btn-positive" id="searchlead"
   onclick="document.getElementById('insert').focus()"> Search </a></td>

对于实际代码中的链接，您可能有一些

onclick

处理程序。如何将聚焦与现有代码结合起来取决于它应该做什么，但通常情况下，您会执行一些搜索操作，然后进行聚焦，然后返回false，以防止正常的链接处理