最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
回车提交表单几种方法
时间:2011-04-12 编辑:简简单单 来源:一聚教程网
分析原理提交一般是根据用户的按键一,回车的keycode=13,知道这个我们就好判断了,只要利用js监控键盘,如果是13就提交表单就可以了。
要实现的主要功能是:在文本框中输入数据以后,按回车键提交(也就是说, 按回车可以搜索 , 按搜索按钮也可以搜索)
代码一
如何实现文本框焦点自动跳转及通过回车键提交表单
1.
当点击回车的时候去执行 tab键
代码二
步骤:
注: 如果查询按钮是imagebutton控件 提交表单时用 document.getelementbyid("imagebutton1").click();
<asp教程:textbox id="textbox1" runat="server">
代码三
要控制这些行为,不需要借助js,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,ie下默认为type=button,fx默认为type=submit。
4、其他表单元素如textarea、select不影响。
实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来
相关文章
- Laravel怎么实现表单提交 05-10
- form表单action提交问题详解 10-16
- 让textarea支持ctrl+enter提交表单 05-04
- 回车提交表单(兼容IE和FF) 09-26
- 回车提交表单 06-23
- 回车进行提交表单信息 02-24