1、定义和用法浏览器
标签订义的是一个按钮spa
一、在 元素内部,您能够放置内容,好比文本或图像。这是该元素与使用 元素建立的按钮之间的不一样之处;orm
二、 控件提供了更为强大的功能和更丰富的内容;input
三、 与 标签之间的全部内容都是按钮的内容,其中包括任何可接受的正文内容,好比文本或多媒体内容。it
标签规定了用户能够在其中输入数据的输入字段table
一、 元素在
元素中使用,用来声明容许用户输入数据的 input 控件;form二、输入字段可经过多种方式改变,取决于 type 属性。test
2、相同之处表单
中 type=“button” 与 中 type=“button” 是同样的总结
中 type=“submit” 与 中 type=“submit” 是同样的
当未处于表单中时,其浏览器默认的type就是button,这个时候与input的type=“button”就是同样的接轨
而当处于表单中时,不一样的浏览器对 元素的 type 属性使用不一样的默认值,这个时候有所区分了
3、不一样之处
若是在 HTML 表单中使用 button 元素,不设置type的状况下,不一样的浏览器会提交不一样的值。
IE将提交 与 之间的文本;
其余浏览器将提交value 属性的内容。
例如:咱们获取下他的val
Html:按钮
JQ:$('#Btn').val() $('#Btn').attr('value')
Browser/Value
$('#customBtn').val()
$('#customBtn').attr('value')
Firefox13.0
test
test
Chrome15.0
test
test
Opera11.61
test
test
Safari5.1.4
test
test
IE9.0
按钮
按钮
4、总结
所以,请始终为 元素规定 type 属性。由于不一样的浏览器对 元素的 type 属性使用不一样的默认值;
若是在 HTML 表单中使用 元素,不一样的浏览器可能会提交不一样的按钮值。所以请尽量使用 在 HTML 表单中建立按钮