- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11XP系统怎么清除缓存？
- 12AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
[摘要]<button>标签 定义和用法<button>标签定义一个按钮。 在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。 <button>控件与<inputtype="button&qu...
<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>
以上就是button和input type=button的区别及注意事项的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1免费8组腾讯视频会员账号分享（2017.4.21）
- 2免费4组爱奇艺会员账号密码分享（2017.4.21）
- 3免费的芒果tv会员账号分享（2017.4.20）
- 4最新6组腾讯视频会员账号分享（2017.4.20）
- 5最新8组腾讯视频会员账号分享（2017.4.19）
- 6斗鱼tv酬勤是什么？斗鱼tv酬勤如何算？
- 7QQ影音合并多个音频文件的方法
- 82017NBA总决赛什么时候？2017NBA总决赛直播地址列表
- 9爱奇艺会员账号密码免费分享（2017.4.18）
- 10百度云会员账号免费分享（2017.4.18）
- 11免费6组腾讯视频会员账号共享（2017.4.27）
- 12腾讯视频会员账号共享（2017.4.26更新）
相关文章
- html空格代码是什么？html空格代码如何写？（总结）
- 什么是html文件？html格式如何打开？（图）
- 详谈HTML中script标签（附代码）
- 使用HTML+CSS设计一个容易的用户注册页面【示例】
- html base标签有什么作用?base标签的作用区分(附案例)
- html base标签如何用？html base标签的用法总结
- html input标签的属性有哪一些？input标签的用法总结（附案例）
- html搜索框如何设置？html搜索框input标签的使用方法案例
- html中的label标签如何设置高度？label标签的使用方法说明
- html label标签的作用是什么？html label标签的用法方法详细说明
- html label标签的for属性有什么作用？对于label标签的for属性说明
- html button标签如何使用？html button标签有什么作用？
