在HTML中，按钮是一种非常实用的界面元素，可以用于提交表单、触发JavaScript事件等，本文将详细介绍如何在HTML中设置按钮的代码。
我们需要了解HTML中的<button>标签，这个标签用于创建一个按钮元素，可以包含文本或图像。<button>标签是HTML5中新增的，它提供了一种更简洁、易读的方式来创建按钮。
下面是一个简单的HTML按钮示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML按钮示例</title>
</head>
<body>
<button type="button" onclick="alert('你点击了按钮！')">点击我</button>
</body>
</html>
在这个示例中，我们创建了一个按钮，当用户点击按钮时，会弹出一个警告框显示“你点击了按钮！”。type属性用于指定按钮的类型，这里我们使用了button。onclick属性是一个事件处理器，当用户点击按钮时，会执行相应的JavaScript代码。
接下来，我们来看一个使用表单提交按钮的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML表单提交按钮示例</title>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<button type="submit">提交</button>
</form>
</body>
</html>
在这个示例中，我们创建了一个包含输入框和提交按钮的表单，当用户填写完姓名后，点击提交按钮，表单数据将被发送到服务器。type="submit"属性表示这是一个提交按钮，用于提交表单。
现在，我们来看一个使用图像按钮的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML图像按钮示例</title>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<input type="image" src="submit.png" alt="提交" onclick="alert('你点击了图像按钮！')">
</form>
</body>
</html>
在这个示例中，我们使用了<input>标签创建了一个图像按钮。type="image"属性表示这是一个图像按钮，src属性指定了图像的路径，当用户点击图像按钮时，会弹出一个警告框显示“你点击了图像按钮！”。
常见问题与解答：
Q1：如何在HTML中创建一个简单的按钮？
A1：使用<button>标签，<button type="button">点击我</button>。
Q2：如何为按钮添加事件处理程序？
A2：使用onclick属性，<button onclick="alert('你点击了按钮！')">点击我</button>。
Q3：如何在表单中创建提交按钮？
A3：使用<input>标签并设置type属性为submit，<input type="submit" value="提交">。