HTML | DOM Input Checkbox required 属性

在 HTML 中，我们可以使用 <input> 元素创建复选框。复选框允许用户选择多个选项。在一些情况下，我们可能需要确保用户至少选择其中一个选项，这时，我们可以为复选框添加 required 属性。

required 属性

required 属性可以用于 form 表单元素，告诉浏览器该字段是必须的，如果用户没有填写或者填写格式不正确，则表单提交无法完成。

在复选框中，如果我们想要至少选择一个选项，我们可以为每个选项的 <input> 标签添加 required 属性。

<form>
  <label>
    <input type="checkbox" name="option" value="option1" required>
    Option 1
  </label>
  <label>
    <input type="checkbox" name="option" value="option2" required>
    Option 2
  </label>
  <label>
    <input type="checkbox" name="option" value="option3" required>
    Option 3
  </label>
  <input type="submit" value="Submit">
</form>

在上面的代码中，我们为每个复选框添加了 required 属性。用户必须至少选中其中一个选项才能提交表单。

总结

使用 required 属性可以强制复选框必选至少一个选项。在表单提交前，浏览器会检查该字段是否符合要求，如果不符合则无法提交。通过这种方式，我们可以更好地保证用户填写表单的完整性和准确性。