button没有指定type为submit点击按钮跳转不到指定
建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
今天由于项目需求，需要js控制form的提交，在submit前先进行数据的验证和处理。
html的代码如下
<div class="test-ft">
<h3 class="shouji">手机号码凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://.go108../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下功能正常。
过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
w3shool上有对button的type属性做详细说明
定义和用法type 属性规定按钮的类型。提示请始终为按钮规定 type 属性。Inter Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
html的代码如下
复制代码
代码如下:<div class="test-ft">
<h3 class="shouji">手机号码凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://.go108../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下功能正常。
过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
w3shool上有对button的type属性做详细说明
复制代码
代码如下:定义和用法type 属性规定按钮的类型。提示请始终为按钮规定 type 属性。Inter Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML