HTML复选框示例 - 如何创建和使用复选框 - 常规

以下是一个简单的HTML复选框的示例：

<!DOCTYPE html>
<html>
<head>
	<title>Checkbox Example</title>
</head>
<body>
	<h2>What is your favorite color?</h2>
	<form>
		<label>
			<input type='checkbox' name='color' value='red'>Red
		</label><br>
		<label>
			<input type='checkbox' name='color' value='blue'>Blue
		</label><br>
		<label>
			<input type='checkbox' name='color' value='green'>Green
		</label><br>
	</form>
</body>
</html>

在这个例子中，我们创建了一个表单，其中包含三个复选框。每个复选框都有一个name属性，以便在提交表单时可以将其值发送到服务器。当用户选中复选框时，相应的值将被包含在表单数据中。如果用户不选中任何复选框，则没有值被发送。

此外，每个复选框还有一个value属性，它定义了复选框所代表的值。在这个例子中，我们使用'red'、'blue'和'green'作为值，以表示用户选择的颜色。

最后，我们使用<label>元素将文本包装在复选框周围。这样，当用户单击文本时，复选框也会被选中。