HTML 复选框
HTML复选框（Checkbox）是表单中常用的输入控件之一，允许用户从多个选项中选择一个或多个选项。复选框通常用于需要用户进行多项选择的场景，例如选择兴趣爱好、订阅服务或同意条款等。
基本语法
HTML复选框使用 <input> 标签创建，并将其 type 属性设置为 checkbox。每个复选框都需要一个唯一的 name 属性，以便在表单提交时识别用户的选择。
html
<input type="checkbox" id="subscribe" name="subscribe" value="yes">
<label for="subscribe">订阅新闻邮件</label>
代码解释：
type="checkbox"：定义输入类型为复选框。id="subscribe"：为复选框指定一个唯一的ID，用于与<label>标签关联。name="subscribe"：定义复选框的名称，表单提交时会使用该名称。value="yes"：定义复选框的值，当用户选择该复选框时，该值会被提交到服务器。<label>：用于描述复选框的文本，点击标签也可以选中复选框。
复选框的属性
1. checked 属性
checked 属性用于设置复选框的默认选中状态。如果复选框需要默认选中，可以添加该属性。
html
<input type="checkbox" id="agree" name="agree" value="yes" checked>
<label for="agree">我同意条款</label>
2. disabled 属性
disabled 属性用于禁用复选框，用户无法选择或取消选择该复选框。
html
<input type="checkbox" id="disabledCheckbox" name="disabledCheckbox" value="no" disabled>
<label for="disabledCheckbox">禁用复选框</label>
3. required 属性
required 属性用于指定复选框必须被选中才能提交表单。
html
<input type="checkbox" id="requiredCheckbox" name="requiredCheckbox" value="yes" required>
<label for="requiredCheckbox">必须选择此项</label>
实际应用场景
1. 多选兴趣爱好
假设你正在创建一个用户注册表单，需要用户选择他们的兴趣爱好。可以使用多个复选框来实现这一功能。
html
<form>
<p>请选择您的兴趣爱好：</p>
<input type="checkbox" id="reading" name="hobby" value="reading">
<label for="reading">阅读</label><br />
<input type="checkbox" id="sports" name="hobby" value="sports">
<label for="sports">运动</label><br />
<input type="checkbox" id="music" name="hobby" value="music">
<label for="music">音乐</label><br />
<input type="submit" value="提交">
</form>
2. 同意条款
在用户注册时，通常需要用户同意服务条款。可以使用一个复选框来实现这一功能。
html
<form>
<input type="checkbox" id="terms" name="terms" value="agree" required>
<label for="terms">我同意服务条款</label><br />
<input type="submit" value="注册">
</form>
备注
注意：在实际开发中，确保复选框的 name 属性在表单中是唯一的，以避免数据提交时的混淆。
总结
HTML复选框是表单中非常实用的控件，允许用户从多个选项中进行选择。通过掌握复选框的基本语法和属性，你可以在表单中灵活地使用它们。无论是多选兴趣爱好还是同意条款，复选框都能帮助你实现这些功能。
附加资源与练习
练习：
- 创建一个表单，要求用户选择他们喜欢的编程语言（如JavaScript、Python、Java等）。
- 添加一个复选框，要求用户同意隐私政策，并确保该复选框是必选的。