回车键默认提交表单的那些事

最新推荐文章于 2024-08-02 19:23:43 发布
最新推荐文章于 2024-08-02 19:23:43 发布
阅读量774 收藏
点赞数
文章标签： form 表单 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=GBK">
	<title>submit例子 - aspxhome.com</title>
</head>
<body>
	<h1>本demo演示在文本框中按enter键是否触发提交表单</h1>
	<h2>默认情况下，一个文本框的时候，提交，不管按钮type是submit还是button</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="button" value="提交">
	</form>
	<h2>一个文本框的时候怎么才能做到不提交，方法是加一个隐藏掉的文本框</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="text" style="display:none">
		<input type="button" value="提交">
	</form>
	<h2>只要有type为submit的按钮存在，一个文本框还是多个文本框都提交</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="submit" value="提交">
	</form>
	<h2>只要有type为submit的按钮存在，一个文本框还是多个文本框都提交</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="text">
		<input type="submit" value="提交">
	</form>
	<h2>多个文本框的时候，不提交，用type为button的按钮就行啦</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="text">
		<input type="button" value="提交">
	</form>
	<h2>用button元素时，FX和IE下有不同的表现 IE 默认类型为button FX为submit</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="text">
		<button>提交</button>
	</form>
	<h2>radio和checkbox在FX下也会触发提交表单，在IE下不会</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="radio" name="a">
		<input type="checkbox" name="b">
		<input type="checkbox" name="c">
		<input type="button" value="提交">
	</form>
	<h2>type为image的按钮，等同于type为submit的效果</h2>
	<form action="http://www.aspxhome.com">
		<input type="text">
		<input type="text">
		<input type="image" src="/images/logo.gif">
	</form>
</body>
</html>

Zoe_Wang_ing
关注
layui按下回车键提交表单
qq_40787608的博客
04-08 4019
layui默认的提交表单的方式submit(filter) layui.use(['form'],function () { var form = layui.form; form.on('submit(login)',function (data) { ajaxPost('/a/login',data.field,'/a/index') }) }) layui提供的提交表单方式需要我们点击button才能提交表单，有时候我们
禁止按回车键提交表单的方法
09-03
本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为。 首先，我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这...
回车提交表单input框的输入内容
04-25 281
代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> ...
如何防止回车(enter)键提交表单
F2Zf的博客
04-17 5137
原文地址:http://www.jb51.net/article/50006.htm 如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如返回值必须是false  复制
谈谈Enter回车键提交表单那些事
热门推荐
u010871655的博客
04-27 1万+
我们在做系统前端的时候，往往会用到form标签，采用jquery插件做表单验证。我们信誓旦旦的一位把一切都做好的时候，并且检查一遍又一遍的时候，意向不到的事情发生了，也许是出于一种意外，而这种意外我们从来没有想到，我们不小心碰下了enter键，然后我们发现该走的js它没有走，跳到下一个页面，或者就直接404了。想都不用想，绝对是enter键直接把表单提交了.表单在什么情况下会e
当只有一个input的时候按回车键时，input会默认提交表单
09-03 1万+
原本笔者是想练习一下输入提示这个功能的，在写这个小例子的时候确发现了一个很奇怪的事，如下： 我是想实现如下图的功能： 在输入框输入字符，匹配显示包含输入字符的记录，按上下键可以从结果中选择，本想在结果上点击回车键就选中此记录的，但在只有一个的情况下按下回车键居然会直接提交表单了，笔者水平有限，知其然而不知其所以然，只知道如果加多一个标记就不会提交表单，这里希望得到高手们的详细解释。
form表单input回车键默认submit解决方案
哈
09-09 800
原理：阻止form的默认submit提交事件。
【html】form表单里面回车键提交表单问题
smart_dream
02-21 1162
【代码】form表单里面回车键提交表单问题。
element ui 回车提交查询并阻止默认提交表单
墨离的博客
08-02 315
使用element ui 做表单提交的时候，回车会自动提交表单，但是有时候由于需求的原因，我们希望回车的时候禁止整个表单的提交，并且执行我们想要的需求，那么我们可以在 <el-form>即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。@keyup.enter.native="onSearch"来实现我们自己的逻辑。下面是element ui文档原文。W3C 标准中有如下。
input 阻止表单输入框的回车键触发提交事件
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
07-11 1293
layui组件。 input输入框，阻止回车键触发提交事件。 $("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })
jsp中如何实现按下回车键自动提交表单
10-21
总结来说，通过JavaScript（或者使用库如jQuery）监听键盘事件，检查回车键的按键码，并在检测到回车键被按下时触发表单的提交，可以在JSP中实现按下回车键自动提交表单的功能。这样，用户无需手动点击提交按钮，只...
Jquery响应回车键直接提交表单操作代码
12-03
总结一下，实现 jQuery 响应回车键提交表单的操作需要以下步骤： 1. 使用 `keyup` 或者 `keydown` 监听回车键事件。 2. 当检测到回车键被按下时，模拟点击提交按钮的 `click` 事件。 3. 确保监听事件在正确的元素上...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
这种行为在某些情况下可能会导致意外的表单提交，例如在搜索界面中，用户可能期望回车键执行特定的查询逻辑，而不是直接提交表单。 在描述中提到的问题是，用户在输入框中输入汉字后按回车，输入框中的汉字变成了...
基于SpringBoot仿天猫购物系统.zip(毕设&课设&实训&大作业&竞赛&项目)
09-20
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
Python网络爬虫与推荐算法新闻推荐平台(毕设&课设&实训&大作业&竞赛&项目)
最新发布
09-20
Python网络爬虫与推荐算法新闻推荐平台：网络爬虫：通过Python实现新浪新闻的爬取，可爬取新闻页面上的标题、文本、图片、视频链接（保留排版） 推荐算法：权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
THUCNews数据集
09-20
THUCNews数据集
Q音：Vue3+Pinia+Vue Router4+Vant4的移动端仿抖音短视频项目.zip(毕设&课设&实训&大作业&竞赛&
09-20
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
undo-log.sql
09-20
undo-log.sql
JSP中实现回车键自动提交表单的JavaScript方法
要实现JSP中按下回车键自动提交表单，你需要在JSP页面中引入JavaScript，监听键盘事件，当用户按下回车键时阻止浏览器的默认行为，并手动触发表单的提交。这样，用户就可以更方便地通过回车键提交表单数据，提高了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值