HTML 按钮创建及样式设置教程

在 HTML 中，可以使用<button>元素来创建一个按钮。以下是一些常用的按钮样式和属性：

1. 创建一个简单的按钮：

<button>点击我</button>

2. 添加按钮的类型（默认为'type="submit"'）：

<button type="button">点击我</button>

• 'type="submit"'：用于提交表单数据。
• 'type="reset"'：用于重置表单数据。
• 'type="button"'：普通按钮，没有默认行为。

3. 添加按钮的样式类：

<button class="btn">点击我</button>

在 CSS 中，可以定义.btn类的样式。

4. 添加按钮的 ID：

<button id="myButton">点击我</button>

可以使用 JavaScript 来操作具有唯一 ID 的按钮。

5. 添加按钮的点击事件：

<button onclick="myFunction()">点击我</button>

在 JavaScript 中，可以定义一个名为myFunction的函数来处理按钮的点击事件。

这只是一些常见的用法示例，按钮的样式和功能可以根据需求进行进一步定制。