浏览 4416 次
锁定老帖子 主题:form表单回车提交问题(转)
该帖已经被评为隐藏帖
|
|
---|---|
作者 | 正文 |
发表时间:2010-01-11
最后修改:2010-03-15
要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type=”submit”的按钮,回车键生效。 2. 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。 3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。 4. 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。 5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。 6.我们在处理表单的页面可以检验他是否点击了按钮来控制下面的程序。if($_POST['submit']){ 如果点击了按钮 程序继续} 实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第3条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。 通过以上可知只要把type="submit"改成type="button"然后js提交, 在不要有一个type=”text”的input就行了。就不会发生回车跳转。 但实验发现,ie和火狐不一样,火狐的submit按钮有掩藏的(display:block)和显现的都不行,必须全改,但ie只要显现的没有submit就行了。 <form id="form1"> 请输入关键字: <input style="display: none" /> <input type="text" onkeypress="if(event.keyCode==13){goToSearchList();}"/> <input type="button" value="搜索" onclick="goToSearchList();" /> </form> 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |