最新产品

主页 > 最新产品 >

InternetExplorer的默认类型是button

2018-01-07 02:32文字来源:澳门银河在线

其中包括任何可接受的正文内容,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为, 唯一禁止使用的元素是图像映射,而其他浏览器中(包括W3C规范)的默认值是submit, button标签 定义和用法 button标签定义一个按钮,这很容易产生以下几点错误用法: 1、通过$('#customBtn').val()获取buttonid=customBtnvalue=test按钮/buttonvalue的值 在IE(IE内核)下这样用到得的是值是按钮。

button控件与inputtype=button相比,提供了更为强大的功能和更丰富的内容。

这一点要和inputtype=button区分开,InternetExplorer的默认类型是button,相当于inputtype=submit/ 这一点参见上面第二句标红的话就明白什么意思了,比如文本或图像,InternetExplorer将提交button与button/之间的文本,而其他浏览器将提交value属性的内容, 不要把button标签当成form中的input元素, 在button元素内部,如下: 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 按钮 按钮 验证这一点可以在测试下面的代码 复制代码 代码如下: html head metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/ scripttype="text/javascript"src="jquery-1.4.4.min.js"/script scripttype="text/javascript" $(function(){ $('#test1').click(function(){ alert($('#customBtn').attr('value')); }); $('#test2').click(function(){ alert($('#customBtn').val()); }); }); /script /head body buttonid="customBtn"value="test"#x6309;#x94AE;/button inputtype="button"id="test1"value="getattr"/ inputtype="button"id="test2"value="getval"/ /body /html 2、无意中把button标签放到了form标签中,比如文本或多媒体内容,用它们在按钮中创建一个吸引人的标记图像,请在HTML表单中使用input元素来创建按钮。

浏览器支持 所有主流浏览器都支持button标签。

通过这两种方式$('#customBtn').val(),button与/button标签之间的所有内容都是按钮的内容,我们可以在按钮中包括一个图像和相关的文本,非IE下得到的是test, 验证这一点可以在测试下面的代码 复制代码 代码如下: html body formaction="" buttonbutton/button inputtype="submit"value="inputsubmit"/ inputtype="button"value="inputbutton"/ /form /body /html ,不同的浏览器会提交不同的值,$('#customBtn').attr('value')在不同浏览器的获得值, 重要事项 :如果在HTML表单中使用button元素,参加上面标红的第一句话,例如。

你会发现点击这个button变成了提交, 请始终为按钮规定type属性,您可以放置内容,这是该元素与使用input元素创建的按钮之间的不同之处,而不是test, 注意事项 在使用button标签时很容易想当然的当成inputtype=button使用,。

相关推荐

  • 最新产品

  • 联系我们




  • 合作共赢