在查找“是”或“否”答案时使用复选框。for属性对于将我们的自定义复选框与输入绑定是必要的。将输入的id加为标签的for属性的值。

红

黄

填写

不确定样式

绿

棕色

  <form action="#">
    <p>
      <label>
        <input type="checkbox" />
        <span>红</span>
      </label>
    </p>
    <p>
      <label>
        <input type="checkbox" checked="checked" />
        <span>黄</span>
      </label>
    </p>
    <p>
      <label>
        <input type="checkbox" class="filled-in" checked="checked" />
        <span>填写</span>
      </label>
    </p>
    <p>
      <label>
        <input id="indeterminate-checkbox" type="checkbox" />
        <span>不确定样式</span>
      </label>
    </p>
    <p>
      <label>
        <input type="checkbox" checked="checked" disabled="disabled" />
        <span>绿</span>
      </label>
    </p>
    <p>
      <label>
        <input type="checkbox" disabled="disabled" />
        <span>棕色</span>
      </label>
    </p>
  </form>