注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

和申的个人主页

专注于java开发,1985wanggang

 
 
 

日志

 
 

关于按回车提交表单的问题  

2010-12-14 14:13:11|  分类: Html/Js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在制作网页时,有时候需要在文本框中输入内容时按下回车就自动提交表单,而有的时候又不希望一按下回车就自动提交表单,遇到这样的问题我们如何去处理呢?

我也被这个问题困扰了很久,今天突然发现其实是个非常简单的小问题,一点点心得写下来供大家参考。


1、首先我们来实现一按回车就自动提交表单的功能

这个其实比较容易,只要表单中含有一个“提交”的按钮,在文本框中输入内容后按回车就会自动提交这个表单,如果不想让提交按钮出现在页面上,可以这样写,按钮同样有效,只是被隐藏了:

  1. <input type="submit" name="Submit2" value="提交"  style="display:none;"/>  
<input type="submit" name="Submit2" value="提交"  style="display:none;"/>

另外如果表单中只有一个文本框,没有提交按钮,也会自动提交。

2、那么如果不希望自动提交要怎么做呢

和上面相反,只要表单中没有提交按钮即可,或者把提交按钮写成这样的形式(frm是表单的name):

  1. <input type="button" value="提交" onclick="frm.submit();"/>  
<input type="button" value="提交" onclick="frm.submit();"/>

第二种情况,表单中只有一个文本框,不管有没有提交按钮,按回车都会自动提交表单,怎么办?这个问题看起来比较难解决,其实很容易。嘿嘿,只要在表单中再增加一个隐藏的文本框即可:

  1. <input type="text" name="textfield2" style="display:none;"/>  
<input type="text" name="textfield2" style="display:none;"/>

很简单吧,呵呵

摘自:http://www.mcore.com.cn/?i=38

  评论这张
 
阅读(1467)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016