=波波日志 > HTML/WML/CSS兼容/XML > button,input type=button按钮在IE和w3c,firefox浏览器区别=
button,input type=button按钮在IE和w3c,firefox浏览器区别
关键字:表单,button标签按钮,input标签type属性为button的按钮,IE浏览器,w3c浏览器,Firefox,异同
当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。
但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。
大爷的啊,由于没有认真看过w3c规范,nnd今天用Firefox测试时尽然执行到了onsubmit事件中,调了半天,原来是在IE和Firefox的表现不同,晕死。。。
测试代码如下,在IE浏览器下,点击2个按钮都无反应。但是在W3C浏览器,如Firefox,google的chrome,点击button标签按钮会执行到onsubmit事件中。
当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。
但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。
大爷的啊,由于没有认真看过w3c规范,nnd今天用Firefox测试时尽然执行到了onsubmit事件中,调了半天,原来是在IE和Firefox的表现不同,晕死。。。
测试代码如下,在IE浏览器下,点击2个按钮都无反应。但是在W3C浏览器,如Firefox,google的chrome,点击button标签按钮会执行到onsubmit事件中。
+展开
-HTML
<script type="text/javascript">
function ck() {alert('表单提交判断代码!'); return false;}
</script>
<form onsubmit="return ck()" method="post">
<input type="button" value="input标签type为button的按钮" /> <button>button标签按钮</button>
</form>
function ck() {alert('表单提交判断代码!'); return false;}
</script>
<form onsubmit="return ck()" method="post">
<input type="button" value="input标签type为button的按钮" /> <button>button标签按钮</button>
</form>
类别:HTML/WML/CSS兼容/XML 作者:波波 日期:2011-02-22 【评论:0】
相关文章
- ·label标签在IE,w3c浏览器firefox下的区别
- ·IE浏览器和firefox/W3C浏览器获取class属性问题
- ·IE/Firefox/W3C浏览器代码触发事件
- ·5.4 按钮控件(Button,LinkButton,ImageButton)
- ·firefox下button内嵌span会出现移位bug
- ·Firefox/w3c浏览器如何操作XML文档
- ·div+css兼容IE和firefox等浏览器方法
- ·Javascript在IE和FireFox中的不同表现
- ·firefox和IE下activeElement在onblur事件中的表现
- ·Firefox及W3C浏览器table设置margin属性不居中
- ·IE浏览器setCapture和releaseCapture介绍
- ·firefox实现ie的方法和属性
暂时没有评论!
发表留言
热门博文
最新博文
随机博文
广告商赞助

