element ui form表单只有一个输入框获取焦点的时候回车会触发表单的submit事件，导致页面刷新
2020-02-06 18:05
447 查看
W3C 标准中有如下规定：
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
解决方法：
**当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签上添加 @submit.native.prevent。
- 点赞
- 收藏
- 分享
- 文章举报
Missying55
发布了1 篇原创文章 · 获赞 0 · 访问量 11
私信
关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- input输入框的一个坑，回车刷新页面，element-ui
- 当IE中只有一个文本框，并在文本框上点击回车时，表单的submit事件会触发
- JSP中的FORM表单中只有一个input文本的时候，按回车键将会自动将表单提交
- 表单中只有一个文本框时，回车页面刷新错误
- 页面只有一个text的时候，回车自动submit的解决方法
- 在IE下，页面只有一个text的时候，回车将自动submit(转)
- 在 IE下，页面只有一个text的时候，回车将自动submit的问题
- HTML 之 Web页面表单form中只有一个input的text元素，按回车默认提交
- jQuery执 4000 行完一个输入框的回车事件代码之后，会自动刷新页面解决办法
- 解决vue+element 键盘回车事件导致页面刷新的问题
- 页面只有一个text的时候，回车将自动submit。
- vue+element 键盘回车事件导致页面刷新的问题
- 一个表单form、submit提交到多个不同页面
- form中只有一个input元素时按回车默认提交表单
- 当form表单中只有一个input时按回车键将会自动将表单提交
- 键盘回车事件导致页面刷新的问题
- 键盘回车事件导致页面刷新的问题
- 键盘回车事件导致页面刷新的问题
- form表单底下 button自动提交表单，导致页面刷新
- 键盘回车事件导致页面刷新的问题