码迷,mamicode.com
首页 > 其他好文 > 详细

各种默认回车提交表单

时间:2014-06-26 11:28:17      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:style   blog   code   java   http   tar   

总结:

1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。如果不想回车提交,需要再加一个input type=text,然后设置display:none. 

2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。 
按钮可以是input也可以是button,他们应设置type=submit。如果只写button而不写type,那么IE下type=button,FF下则是type=submit。 

3、如果form里面多于一个input type=text,并想实现回车提交表单,又不想在页面中出现原生的submit按钮。比如:你想通过一个带hover的图片连接,并通过js脚本来实现华丽的验证及表单提交…… 

可以加上一个input type=submit 并设置display:none在form里—— 但是!这仅仅对FF等有效。在IE下就会非常悲剧……如果希望IE生效,需要做以下的事情: 

<input type="submit" style="display:block;overflow:hidden;width:0px;height:0px;position:absolute"> 

为什么非要费劲的用form的默认回车提交,而不在input中监听keydown事件,等到code=13时使用javascirpt调用form对象的submit()方法? 
前提如果你的form targtet!=_blank,那么你可以实现你想要的。 
但是一旦target=_blank,根据我的实践,在keydown事件中进行submit到_blank 
—— 这个新窗口定会被IE给block掉……(顺便提一下,如果是在click事件里调用form的submit方法,无论是本窗口还是新窗口,在IE中都不会被block,怀疑是IE的防弹窗广告策略) 

以上可以实现的效果:回车提交查询、新窗口、多input text、不出现原生的button。

原文:http://hi.baidu.com/wangworks/blog/item/92c30d11f4d91b0c213f2e3e.html 

各种默认回车提交表单,布布扣,bubuko.com

各种默认回车提交表单

标签:style   blog   code   java   http   tar   

原文地址:http://www.cnblogs.com/yangml/p/3809458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!