HTML 表单中的 TAB 按钮

【问题标题】：TAB button in HTML FormHTML 表单中的 TAB 按钮
【发布时间】：2023-03-24 18:47:01
【问题描述】：

http://www.mastersfunds.com.php5-23.dfw1-2.websitetestlink.com/how-to-invest

当我将光标放在 FIRST NAME 字段中并按键盘上的 TAB 键时，在该表单中可以看到，光标转到右列下拉菜单而不是 LAST NAME

当用户使用我键盘上的 TAB 按钮时，如何指定字段的顺序？

【问题讨论】：

标签： php javascript forms

【解决方案1】：

在输入中指定tabindex

例如

<html>
<head>
  <title>Controlling TAB Order</title>
</head>
<body>
  <form>
    Field 1 (first tab selection):
    <input type="text" name="field1" tabindex="1" /><br />
    Field 2 (third tab selection):
    <input type="text" name="field2" tabindex="3" /><br />
    Field 3 (second tab selection):
    <input type="text" name="field3" tabindex="2" /><br />
  </form>
</body>
</html>

编辑：同意评论，添加引号。

【讨论】：

虽然我不相信您必须引用属性值（除非包含的值之间有空格），但始终这样做通常更安全/更容易/更可靠. 除非您需要修剪页面中的每个最后一个备用字节...