这篇文章主要介绍了HTML button点击按钮实例分析的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇HTML button点击按钮实例分析文章都会有所收获，下面我们一起来看看吧。
html的代码如下：
复制代码
代码如下:
<div class="test-ft">
<h4 class="shouji">手机号码凶吉</h4>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">马上测</button>
</form>
</div>
编码完成后，在做浏览器的兼容性测试是出现了问题：ie6、ie7下点击按钮没反映，跳转不到指定url，其他浏览器却可以正常跳转。
一直以为是js控制代码中出现了问题，所以跟踪调试很久，始终没发现问题。后来，发现button没有指定type为submit，所以怀疑是不是这个问题。
修改添加button的type属性为submit后，ie6、ie7下功能正常。
过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
复制代码
代码如下:
定义和用法type 属性规定按钮的类型。提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
关于“HTML button点击按钮实例分析”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“HTML button点击按钮实例分析”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
