输入HTML表单提交

时间:2018-01-15 16:00:37

标签: html forms

我在开发HTML表单时看到了一种奇怪的行为。这个我之前没有注意到的。所以我很好奇。

假设以下是表单元素。

<form>
    <h2>Test</h2>
    <input type="text" name="a">
    <input type="text" name="a">
    <input type="text" name="c">
    <input type="submit" name='submit' value="Submit">
</form>

当输入name='a'成为焦点并按Enter键时,表单默认会提交。

我总是认为在最后一个输入元素中按下输入时提交了表单get,即在这种情况下name='c'

现在,如果只在最后一个输入元素上按下输入时如何才能提交表单?

1 个答案:

答案 0 :(得分:3)

  

我总是认为在最后一个输入元素

中按下输入时提交表单

没有

任何输入上按Enter键时,将提交表单。

  

现在,如果只在最后一个输入元素上按下输入时如何才能提交表单?

这不是正常行为。这违背了用户的期望。我建议不要这样做。

  • 将keypress事件处理程序绑定到除最后一个
  • 之外的每个输入
  • 检查密钥是否为Enter
  • 如果事件对象
  • ,请调用preventDefault()