Html 使用tab键时如何更改文本字段选择顺序

我还在想如何重新命名这个标题

总之，我在我的页面上有这个联系方式：

单击名称并填写后，您可以选项卡转到下一个字段电子邮件。在输入电子邮件后，用户很自然地会再次在消息框中使用tab键

然而由于某种原因，我的标签选择一直跳到页面顶部，似乎选择了我的公文包主导航链接。再多几个标签，我就回到消息文本区

这当然一点也不理想，有没有办法强制选项卡选择按正确的顺序进行？ie:Name>Email>Message>Captcha>Submit

我的当前表单（HTML）

你的名字
你的电子邮件
信息：
嗨，什么是2+3

尝试对输入字段使用

tabindex

属性。这将允许您控制用户通过页面元素进行制表的顺序

---

虽然您已经在名称和电子邮件输入上设置了一个

tabindex

，但是可以找到这方面的示例代码。只需将该属性添加到其余输入中，并按您希望的顺序进行设置

尝试对输入字段使用

tabindex

属性。这将允许您控制用户通过页面元素进行制表的顺序

---

虽然您已经在名称和电子邮件输入上设置了一个

tabindex

，但是可以找到这方面的示例代码。只需将该属性添加到其余输入中，并按您希望的顺序进行设置

您必须按照您希望的顺序对

选项卡索引进行编号

<input type="text" name="name" id="name" value="" tabindex="1">
<input type="text" name="email" id="email" value="" tabindex="2">
<textarea cols="40" rows="8" name="message" id="message" tabindex="3"></textarea>
<input type="text" name="captcha" id="captcha" tabindex="4"/>
<input class="submit-button" type="submit" value="Submit" tabindex="5">



等等

现在您有两个
tabindex
e设置为1，因此它们将首先使用，因为它们是唯一具有定义的tabindex的对象。
您必须按照希望的顺序对
tabindex
进行编号

<input type="text" name="name" id="name" value="" tabindex="1">
<input type="text" name="email" id="email" value="" tabindex="2">
<textarea cols="40" rows="8" name="message" id="message" tabindex="3"></textarea>
<input type="text" name="captcha" id="captcha" tabindex="4"/>
<input class="submit-button" type="submit" value="Submit" tabindex="5">



等等

现在您有两个
tabindex
es设置为1，因此它们将首先使用，因为它们是唯一定义了tabindex的