养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML5之button标签的使用

时间:2024-10-25 05:19:32

今天给大家介绍一下HTML5中<button>标签的使用方法,供大家参考!

HTML5之button标签的使用

工具/原料

电脑:win10系统

浏览器:chrome80.0

方法/步骤

1、but隋茚粟胫ton标签用来表示一个可以点击的【按钮】,通常用在表单或者是其他需要用户主动触发事件的地方。正常使用效果如下图所示。

HTML5之button标签的使用

2、button标签是【双标签】我们可以在内部放置文本或者嵌套其他标签,例如我们可以放置一张图片,如下图所示。

HTML5之button标签的使用

3、通过给button标签添加【onclick属性】来绑定需要处理的事件,例如点击的时候执行一个函数,如下图所示。

HTML5之button标签的使用

4、目前所有浏览对button标签都有很好的支持。

HTML5之button标签的使用

© 一点知识