当表单内只有一个input
输入框时,即使表单没有submit
按钮,在输入框内回车就会触发表单的提交事件。
会触发submt
<form id="form1" method="POST">
<p>Does submit:</p>
<input type="text"/>
</form>
不会触发submit
<form id="form2" method="POST">
<p>Does <strong>not</strong> submit:</p>
<input type="text"/>
<input type="text"/>
</form>
解决办法:
- 若表单只有一个输入框,可以不包含在
form
元素里。 - 再添加一个输入框,并加上
display: none
的属性。
<input type="text" style={{ display: 'none' }} />
网友评论