Html 为什么表单中几乎没有输入，没有任何按钮，却没有'；你不屈服吗？

为什么只有一个文本输入（没有任何按钮）的表单会提交，但有两个文本输入的表单不会提交

---

示例：

在每个表单上添加一个提交按钮（输入也很少），它将与按钮和按enter键一起工作

<div class="panel"> 
   <div class="panel-title">Few inputs</div>
      <form action=".">
        <input type="text" />
        <input type="text" />
        <button type="submit">Click</button>
        <output name="result" />
      </form>
   </div>
</div>

少量输入
点击

您可以通过多种方式实现

最好的方法是使用tabindex，以防止tab到达此按钮-

<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1" /> 

你也可以隐藏你的按钮链接。或者您可以使用如下java脚本函数-

<script type="text/javascript">
// Using jQuery.

$(function() {
    $('form').each(function() {
        $(this).find('input').keypress(function(e) {
            // Enter pressed?
            if(e.which == 10 || e.which == 13) {
                this.form.submit();
            }
        });

        $(this).find('input[type=submit]').hide();
    });
});
</script>

//使用jQuery。
$（函数（）{
$（'form'）。每个（函数（）{
$（this）.find（'input'）。按键（函数（e）{
//按回车键？
如果（e.which==10 | | e.which==13）{
这个.form.submit（）；
}
});
$（this.find（'input[type=submit]'）。hide（）；
});
});

感谢您的快速回复。我有一个提交按钮，但出于某种原因（确切地说是

z-index

issue），它在表单之外。我试图找到一种方法，通过Enter提交表单，而无需在按钮本身上指定

form

属性，即表单没有提交按钮，也无需使用JS。我想知道是否有任何方法可以做到这一点，我可以在哪里了解更多关于这种形式的行为。我在任何地方都找不到这方面的信息，甚至在w3.org上也找不到。