表单的焦点顺序tabindex和对应enter键提交

在HTML中，表单的焦点顺序（tabindex）以及使用Enter键提交表单是表单交互中常见的需求。这里我将为你解释如何设置`tabindex`属性以控制焦点顺序，并演示如何通过JavaScript监听Enter键来实现表单的提交。

### 设置tabindex以控制焦点顺序

`tabindex`属性用于定义用户可以通过键盘导航（如Tab键）访问元素的顺序。其值可以是一个正整数，表示元素在Tab键遍历中的顺序；或者0，表示元素应该被包括在正常的Tab键遍历中，但其顺序依赖于文档的结构；或者-1，表示元素不应被包括在Tab键遍历中，但仍可通过编程方式聚焦。


<form id="myForm">
    <input type="text" name="firstName" tabindex="1" placeholder="First Name">
    <input type="text" name="lastName" tabindex="2" placeholder="Last Name">
    <input type="email" name="email" tabindex="3" placeholder="Email">
    <button type="submit" tabindex="4">Submit</button>
</form>

### 监听Enter键以提交表单

要监听Enter键来提交表单，你可以给表单中的每个可输入元素（如``、`