怎么做按钮html5_HTML5按钮创建与交互事件绑定

这里有一个陷阱：内联事件绑定不利于维护。

不信：当你自定义元素来模拟按钮时，不要忘记添加role=“button”和tabindex=“0”。

不要这样做：不要使用内联 JavaScript，如 onclick，使用 addEventListener 附加事件。

怎样在HTML中插入Button按钮,且按钮要显示颜色

我记得有一次，在开发一个简单的 Web 应用程序时，我需要向按钮添加样式以使其看起来更有吸引力。
我首先想到使用 CSS 来设置按钮的样式。
当时我手头正好有一个代码截图，里面展示了两种设置按钮背景色的方法。

我尝试了第一种方法，就是定义一个类，命名为btn-style，然后在类中设置背景色为红色。
代码是这样的：
css .btn 风格 { 背景颜色：红色； }
然后，我在 HTML 中使用此类，如下所示：
<button class="btn-style">点击</button>
效果立竿见影，按钮变成红色背景。
看着这个效果，我感到相当自豪。

等等，还有一件事，我突然想到，如果我直接在按钮标签上写内联样式，也可以达到同样的效果。
于是我尝试了第二种方法：
<button style="background-color: red;">点击</button>
这种方法也很简单，直接在按钮标签的style属性中写入背景颜色即可。

两种方法都可以实现按钮的红色背景，但我认为使用类方法更方便。
以后如果需要修改样式，只需要修改一处即可。

那么，您更喜欢哪种方法？ 或者你有更好的办法吗？

html5使用fullscreen API为视频添加全屏按钮 html5使用自定义控件

结论：HTML5 FullscreenAPI可以为视频自定义全屏按钮。

删除默认控件。
创建自定义按钮。
使用 requestFullscreen 来控制全屏。
使用“exitFullscreen”退出全屏模式。
全屏聆听“同步”按钮文本变化。

兼容性：较旧的浏览器需要添加前缀。
经验：添加Esc键盘进行监听。
安全性：需要用户交互才能操作。

直接使用代码即可。