HTML button标签

HTML button标签用于在网页中创建按钮。使用button标签，可以提供一些基本的用户交互功能。

语法

<button type="button" onclick="myFunction()">Click me</button>

属性

button标签支持各种属性来控制按钮的外观和行为。下面是button标签的一些常用属性：

• type：按钮类型，通常是“button”或“submit”
• onclick：点击按钮时执行的JavaScript函数
• disabled：禁用按钮
• name：提交表单时按钮的名称
• value：提交表单时按钮的值

示例

基本按钮

以下示例显示了一个基本的按钮，当用户单击它时，会在页面上显示一条消息。

<button onclick="alert('Hello World!')">Click me</button>

禁用按钮

以下示例显示了一个禁用的按钮。

<button disabled>Click me</button>

提交按钮

以下示例显示了一个提交按钮，当用户单击它时，将提交表单。

<button type="submit">Submit</button>

自定义样式

以下示例显示了一个自定义样式的按钮，通过CSS来控制按钮的外观。

<button style="background-color: #4CAF50; color: white; padding: 12px 24px;">Click me</button>

总结

HTML button标签提供了一些基本的用户交互功能，可以根据需要添加各种属性来控制按钮的外观和行为。在前端开发中，button标签是一个非常常用的元素。