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事件中。
+展开
-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>

加支付宝好友偷能量挖...


原创文章,转载请注明出处:button,input type=button按钮在IE和w3c,firefox浏览器区别

评论(0)Web开发网
阅读(170)喜欢(0)HTML/CSS兼容/XML