美文网首页
React 表单只有一个输入框时,点击回车会提交表单的问题

React 表单只有一个输入框时,点击回车会提交表单的问题

作者: zewweb | 来源:发表于2020-01-21 16:18 被阅读0次

当表单内只有一个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>
解决办法:
  1. 若表单只有一个输入框,可以不包含在form元素里。
  2. 再添加一个输入框,并加上display: none的属性。
    <input type="text" style={{ display: 'none' }} />

相关文章

网友评论

      本文标题:React 表单只有一个输入框时,点击回车会提交表单的问题

      本文链接:https://www.haomeiwen.com/subject/iuuezctx.html