网页中表单按回车就自动提交的问题的解决方案(frontpage网页表单)

发布时间：2024-02-27

推荐整理分享网页中表单按回车就自动提交的问题的解决方案(frontpage网页表单)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:网站表单中的换行怎么替换,网页表单怎么居中,html表单的返回按钮,表单返回功能怎么设置,网页设计表单怎么居中,网页设计表单怎么居中,网页表单怎么居中,网页中的表单,内容如对您有帮助，希望把文章链接给更多的朋友！

1、当form表单中只有一个<input type="text" name="name" />时按回车键将会自动将表单提交。

再添加一个

按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法：（1）添加一个

不显示输入框，然后回车之后也不会提交：

（2）添加一个onkeydown事件，然后回车之后也不会显示：

如果想添加回车事件可以在onkeydown事件中添加判断提交表单：

我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则：

如果表单里有一个type="submit"的按钮，回车键生效。

如果表单里只有一个type="text"的input，不管按钮是什么type，回车键生效。

如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。

其他表单元素如textarea、select不影响，radio checkbox不影响触发规则，但本身在FX下会响应回车键，在IE下不响应。

type="image"的input，效果等同于type="submit"，不知道为什么会设计这样一种type，不推荐使用，应该用CSS添加背景图合适些。

JavaScript代码复用模式详解代码复用及其原则代码复用，顾名思义就是对曾经编写过的代码的一部分甚至全部重新加以利用，从而构建新的程序。在谈及代码复用的时候，我们首

JavaScript函数模式详解在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。js函数基础部分：javascript学习笔记（四）functio

js 操作符汇总逻辑或(||)varresult=true||false;与逻辑与操作相似，如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值；此时，它遵循下列规则：□如果第一个操作

本文链接地址:https://www.jiuchutong.com/biancheng/384780.html 转载请保留说明！