美文网首页
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