button控件与inputtype=button相比，提供了更为强大的功能和更丰富的内容。button与/button标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容,需要了解的朋友可以参考下
<button>标签
定义和用法
<button>标签定义一个按钮。
在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。
<button>控件与<inputtype="button">相比，提供了更为强大的功能和更丰富的内容。<button>与</button>标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定type属性。InternetExplorer的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"。
浏览器支持
所有主流浏览器都支持<button>标签。
重要事项：如果在HTML表单中使用button元素，不同的浏览器会提交不同的值。InternetExplorer将提交<button>与<button/>之间的文本，而其他浏览器将提交value属性的内容。请在HTML表单中使用input元素来创建按钮。
注意事项
在使用<button>标签时很容易想当然的当成<inputtype="button">使用，这很容易产生以下几点错误用法：
1、通过$('#customBtn').val()获取<buttonid="customBtn"value="test">按钮</button>value的值
在IE(IE内核)下这样用到得的是值是“按钮”，而不是“test”，非IE下得到的是“test”。参加上面标红的第一句话。
这一点要和<inputtype="button">区分开。
通过这两种方式$('#customBtn').val()，$('#customBtn').attr('value')在不同浏览器的获得值，如下：
验证这一点可以在测试下面的代码
代码如下:
<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">按钮</button>
<inputtype="button"id="test1"value="getattr"/>
<inputtype="button"id="test2"value="getval"/>
</body>
</html>
2、无意中把<button>标签放到了<form>标签中，你会发现点击这个button变成了提交，相当于<inputtype="submit"/>
这一点参见上面第二句标红的话就明白什么意思了。
不要把<button>标签当成<form>中的input元素。
验证这一点可以在测试下面的代码
代码如下:
<html>
<body>
<formaction="">
<button>button</button>
<inputtype="submit"value="inputsubmit"/>
<inputtype="button"value="inputbutton"/>
</form>
</body>
</html>
- 2013年张家界市广播电视大学编外招聘启示
- 乐山市沐川县2013年招聘社区工作者笔试成绩公示
- 乐山市沐川县2013年招聘社区工作者考试总考分汇总及排名表公示
- 2013年遵义市事业单位聘用人员审批表填写说明
- 白银市2013年事业单位招聘人员减少招聘计划表
- 2013年池州市石台县事业单位招聘工作人员拟聘名单公示
- 2013年海珠区劳动保障监察大队招聘劳动保障监察协管员公告
- 2013年池州市石台县事业单位招聘工作人员拟聘名单公示
- 2013年黔东南州镇远县农村片区交通警察中队工勤人员招聘职位表
- 2013年郑州市惠济区区属事业单位招聘岗位及条件一览表
- 2013年六盘水市六枝特区事业单位招聘第一批拟聘用人员公示
- 昆明市民政局直属事业单位2013年公开招聘总成绩公示
- 2013年亳州市经济开发区招聘人员资格复审的通知
- 毫州市利辛县2013年事业单位招聘人员拟聘用人员名单公示
- 遵义市务川自治县2013年聘用事业单位工作人员进入体检环节人员
- 2013年哈尔滨市卫生局所属事业单位招聘紧缺实用人才岗位公告
- 2013年常州金坛市事业单位招聘工作人员简章
- 2013年哈尔滨市卫生局所属事业单位招聘紧缺实用人才岗位表
- 2013年常州金坛事业单位招聘工作人员岗位表
- 2013年常州金坛市事业单位招聘高层次人才岗位表
- 2013年哈尔滨市卫生局所属事业单位招聘高层次人才岗位
- 2013年湘潭市人工影响天气领导小组办公室招聘体检结果公示
- 2013年哈尔滨市卫生局所属事业单位招聘高层次人才岗位计划表
- 2013年哈尔滨市高校毕业生就业援助彩虹工程招录公益性岗位公告
- 盐城市直医疗卫生单位2013年招聘进入体检人员名单(卫技人员)
- a bolt from/out of the blue
- a-bolt-from-out-of-the-blue
- a bolt from the blue
- abominable
- Abominable Snowman
- abominable-snowman
- abominably
- abominate
- abominated
- abomination
- 指点
- 指爪
- 指猴
- 指环
- 指甲
- 指甲盖
- 指甲草
- 指画
- 指疵
- 指目
- 2022永济市国庆节期间疫情防疫规定
- 2022国庆节后入境广州防疫政策
- 洛阳十一国庆假期出行指南2022
- 2022南京国庆期间进出疫情防控措施
- 2022赣县区国庆假期疫情防控政策
- 编导艺考生可以报哪些大学
- 2022年国庆节放假安排表_国庆节高速公路免费几天
- 高考12种选科组合优劣势
- 盐城十一国庆节放假安排2022
- 女生就业率高的专业有哪些