HTML：如何确保按下回车键时触发正确的提交输入？

Question

我有一张包含三个提交输入的表单（优惠券代码、兑换礼品卡、表单提交）。输入按照我刚才提到的顺序放置在页面上，因此当用户按下 Enter 时，始终会提交优惠券代码。有没有办法在按下回车键时只触发表单提交？如果可能的话，我希望在没有任何客户端编码的情况下完成此任务。

<form>
    <!-- start section 1 -->
    <input type="text" name="input1" id="input1" /><br />
    <input type="text" name="input2" id="input2" /><br />
    <!-- end section 1 -->

    <!-- start section 2 -->
    <input type="text" name="couponCodes" id="couponCodes" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Apply" /><br />
    <!-- end section 2 -->

    <!-- start section 3 -->
    <input type="text" name="giftCards" id="giftCards" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Apply" /><br />
    <!-- end section 3 -->

    <!-- start section 4 -->
    <input type="text" name="input3" id="input3" /><br />
    <input type="submit" name="orderBy" id="orderBy" valeue="Place Order" />
    <!-- end section 4 -->
</form>

我想做的是按下回车键时不会触发第 2 部分和第 3 部分中的提交输入。我希望第 4 节中的提交输入是按下回车键时触发的输入。我不想更改 Apply 提交，因为这定义了另一个字段并且不由 PHP 表单验证脚本处理。 是我尝试使用的，但是当按下回车键时，应用按钮仍然被触发。

Answer 1

可能有些代码可以提供帮助，但一个简单的方法是在 type="submit" 中设置“表单提交”，并在 type="中设置另外两个优惠券代码和兑换礼品卡按钮”。