标签到 <select> html中的输入元素

Question

我有一个form，其中有几个input 和select 元素。我的问题是我可以使用制表符在input 元素之间移动，但不能使用select 下拉菜单。我试过tabindex="2"属性，但没有任何影响。

有没有办法做到这一点？

这是我的代码示例。如果它改变了我在 php 中的任何内容，但我无法在 html ether 中将其设置为选项卡。

<table>
    <tr>
        <td>
        <select>
            <option value="volvo">Volvo</option><option value="saab">Saab</option><option value="mercedes">Mercedes</option><option value="audi">Audi</option>
        </select></td><td>
        <input type="text" name="location" size=17 maxlength=22/>
        </td><td>
        <input type="text" name="date" size=12 maxlength=10/>
        </td>
    </tr>
</table>

我希望我发布了这个正确的代码我很难使用代码。

Answer 1

例如，在 Firefox 上，您的真实示例页面 http://cafe.bg14.com/purchases.php 上的 select 元素 可以 跳转到，只是在跳转顺序中比较晚。原因是您正在为某些表单字段设置tabindex 属性，但不是全部。没有属性的人会排在最后。

要么删除所有tabindex 属性（如果自然的跳格顺序，按HTML 标记中的顺序，是可以的），或者将它们用于应该参与跳格的所有字段和其他项目。

在确定您希望使用的 HTML 版本之后，您还应该使用 HTML W3C 验证器修复标记。该页面现在声明了 XHTML 1.0，但使用了不带引号的属性值和 HTML5 特性。这使得更难看出存在严重的标记错误，例如 th 元素未包含在 tr 元素中。 （打破 HTML 表格模型可能对渲染和功能都有影响。）

Answer 2

试试下面的代码，我已经测试过它并且它也可以工作。
我根据您在问题中要求做的事情来回答它。

<form action="#" method="post">
   <p><input type="text" name="first" tabindex="10" /></p>
   <p><input type="text" name="second" tabindex="20" /></p>
   <p>
      <select name="third" tabindex="30">
           <option value="foo">Foo</option>
           <option value="bar">Bar</option>
      </select>
   </p>
   <p>
      <select name="fourth" tabindex="40">
           <option value="foo">Foo</option>
           <option value="bar">Bar</option>
      </select>
   </p>
   <p><input type="text" name="fifth" tabindex="50" /></p>
   <input type="submit" value="Submit" tabindex="100" />
</form>