Checkbox form 属性

基本用法

Checkbox 是一种用于选择多个选项的表单元素。它通常与 <input> 标签一起使用。例如，下面是一个简单的 Checkbox 示例：

<input type="checkbox" id="checkbox1" name="checkbox1" value="option1">
<label for="checkbox1">Option 1</label>

在上面的代码中，我们创建了一个 Checkbox，其 id 是 "checkbox1"，name 是 "checkbox1"，值是 "option1"，并且有一个标签显示 "Option 1"。

Checked 属性

Checkbox 的 checked 属性用于设置或获取 Checkbox 是否被选中。如果 Checkbox 被选中，该属性的值为 true；如果未被选中，该属性的值为 false。下面是一个示例：

<input type="checkbox" id="checkbox2" name="checkbox2" value="option2" checked>
<label for="checkbox2">Option 2</label>

在上面的代码中，我们设置了 checked 属性，使得 Checkbox 默认被选中。

Disabled 属性

Checkbox 的 disabled 属性用于设置或获取 Checkbox 是否被禁用。如果 Checkbox 被禁用，用户无法对其进行操作。下面是一个示例：

<input type="checkbox" id="checkbox3" name="checkbox3" value="option3" disabled>
<label for="checkbox3">Option 3</label>

在上面的代码中，我们设置了 disabled 属性，使得 Checkbox 被禁用。

Required 属性

Checkbox 的 required 属性用于设置 Checkbox 是否为必选项。如果 Checkbox 被设置为必选项，用户必须至少选择其中一个选项。下面是一个示例：

<form>
  <input type="checkbox" id="checkbox4" name="checkbox4" value="option4" required>
  <label for="checkbox4">Option 4</label>
  <input type="checkbox" id="checkbox5" name="checkbox5" value="option5" required>
  <label for="checkbox5">Option 5</label>
</form>

在上面的代码中，我们设置了 required 属性，使得用户必须选择其中一个选项。

总结

Checkbox 是一个常用的表单元素，具有多种属性可以用于控制其行为。通过合理使用 Checkbox 的属性，我们可以实现丰富多样的表单交互效果。希望本篇文章能够帮助你更好地理解 Checkbox 的使用方法。