手机
当前位置:查字典教程网 >网页设计 >XHTML >button没有指定type为submit点击按钮跳转不到指定url
button没有指定type为submit点击按钮跳转不到指定url
摘要:今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。html的代码如下:手机号码凶吉...马上测编码完成后...

今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。

button没有指定type为submit点击按钮跳转不到指定url1

html的代码如下:

<div>

<h3>手机号码凶吉</h3>

<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">

<p>

...

</p>

<button>马上测</button>

</form>

</div>

编码完成后,在做浏览器的兼容性测试是出现了问题:ie6、ie7下点击按钮没反映,跳转不到指定url,其他浏览器却可以正常跳转。

一直以为是js控制代码中出现了问题,所以跟踪调试很久,始终没发现问题。后来,发现button没有指定type为submit,所以怀疑是不是这个问题。

修改添加button的type属性为submit后,ie6、ie7下功能正常。

过去一直没有注意过这样的问题,踩了坑,所以去搜索资料查询验证。

w3shool上有对button的type属性做详细说明:

http://www.jb51.net/w3school/tags/att_button_type.htm

定义和用法type 属性规定按钮的类型。提示:请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。可以看出,其他浏览器下默认button点击后会提交form,而ie默认点击后是不提交form的,type的默认值也是个浏览器兼容性问题,所以mark下。

【button没有指定type为submit点击按钮跳转不到指定url】相关文章:

html 可输入下拉菜单的实现方法

HTML基础重点_一般标签、常用标签和表格

HTML优化加快网页速度

html4和html5区别之如何在一个input上添加焦点实现代码

input file自定义按钮美化(演示)

关于超链接的一些问题

网页中flash wmode属性你会用吗?

html文档基本结构(制作网页基础知识)

网页制作 TD也可以溢出隐藏显示

Form表单标签的Enctype属性的作用及应用示例介绍

精品推荐
分类导航