大众世界 world of demotic + 社区新动力

 找回密码
 注册会员
搜索
查看: 3865|回复: 0

[HTML] form中只有一个input元素时按回车默认提交表单

[复制链接]
发表于 2013-10-12 17:35:34 | 显示全部楼层 |阅读模式
WEB开发中,如果页面中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码:

[HTML] 纯文本查看 复制代码
<html>
	<head>
		<title>页面中只有一个input元素时默认提交表单</title>
	</head>
	<body>
		 <form action="http://www.taobao.com" name="myform" method="get">
		    <input name="contenta" type="text" value="按回车我就提交" /></br>
		 </form>
	</body>
</html>


那么如何禁止呢,既然是只有一个时发生,可以在form中添加一个隐藏的input元素,修改后的代码如下:

[HTML] 纯文本查看 复制代码
<html>
	<head>
		<title>页面中只有一个input元素时默认提交表单</title>
	</head>
	<body>
		 <form action="http://www.taobao.com" name="myform" method="get">
		    <input name="contenta" type="text" value="按回车我就提交" /></br>
		    <input style="display:none" mce_style="display:none">
		 </form>
	</body>
</html>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

Archiver|手机版|小黑屋|Wod Inc. ( 蜀ICP备20000008号-8

GMT+8, 2024-5-10 19:50 , Processed in 0.103559 second(s), 33 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表