forms - 在输入多个输入时提交

Question

我有一个输入字段，在按 Enter 时提交，如下所示：

<form action="" method="POST" >
  <input type="text" name="name"/>
  <input type="submit" style="display:none;" />
</form>

但是当我添加另一个字段时，按 enter 不会做任何事情：

<form action="" method="POST" >
  <input type="text" name="name"/>
  <input type="text" name="message"/>
  <input type="submit" style="display:none;" />
</form>

为什么不？如何解决？

非常感谢！

Answer 1

我不会使用显示：无。我认为您想要可见性：隐藏。

无论如何，我都不会使用。如果您不想要提交按钮，我会先将那些 / 在输入名称之后向右移动一个空格，然后使用 SO 上建议的 hack。

<form action="index.php" method="POST" >
   <input type="text" name="name" />
   <input type="text" name="message" />
   <input type="submit" style="position: absolute; left: -9999px; 
   width: 1px; height: 1px;"/>
</form>

另外，请查看这个问题，因为它有一些很棒的答案。 通过不带提交按钮按 Enter 提交表单