下载

复选框

原生的 2 状态复选框

checkbox 类是 <input type="checkbox"> HTML 元素的简单包装。它故意不添加样式，以保持跨浏览器兼容性和用户体验。

记住我

<label class="checkbox">
  <input type="checkbox" />
  Remember me
</label>

您可以向复选框添加链接，甚至可以禁用它。

我同意条款和条件

<label class="checkbox">
  <input type="checkbox" />
  I agree to the <a href="#">terms and conditions</a>
</label>

保存我的偏好

<label class="checkbox" disabled>
  <input type="checkbox" disabled />
  Save my preferences
</label>

复选框列表 #

如果要列出多个复选框元素，请将它们包装在 <div class="checkboxes"> 元素中

<div class="checkboxes">
  <label class="checkbox">
    <input type="checkbox" />
    Monday
  </label>

  <label class="checkbox">
    <input type="checkbox" />
    Tuesday
  </label>

  <label class="checkbox">
    <input type="checkbox" />
    Wednesday
  </label>

  <label class="checkbox">
    <input type="checkbox" />
    Thursday
  </label>

  <label class="checkbox">
    <input type="checkbox" />
    Friday
  </label>

  <label class="checkbox">
    <input type="checkbox" checked />
    Saturday
  </label>

  <label class="checkbox">
    <input type="checkbox" checked />
    Sunday
  </label>
</div>