美文网首页小蒋同学
简单实现 "回车!=提交"(去除表单的回车即提交)

简单实现 "回车!=提交"(去除表单的回车即提交)

作者: 小蒋同学v | 来源:发表于2019-11-16 19:16 被阅读0次

    实现 "回车!=提交" 的问题,一般可以从 "按钮的type类型" 和 "输入框个数" 两处着手。

    默认情况下,单个输入框,无论按钮的 type="submit" 还是 type="button" 类型,回车即提交。

    1、当 type="submit" 时,无论有几个 type="text" 输入框,回车均表示提交。(submit)

    2、当 type="button" 时,且存在多个输入框,回车不提交。(button)

    3、解决单个输入框的回车即提交问题,参考第二点:可以增加一个输入框并隐藏 input="text" style="display:none;";然后 type 类型为 button。

    在实际应用中,input 输入框很少只有一个的情况,那么只需记住第二条即可应对。

    使用 JS 事件阻止表单提交,不在本文讨论范围,当然也是可以实现的。

    相关文章

      网友评论

        本文标题:简单实现 "回车!=提交"(去除表单的回车即提交)

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