<div>
  <input type="checkbox" id="checkbox1">
  <label for="checkbox1">Checkbox</label>
</div>

<div>
  <label>
    Checkbox
    <input type="checkbox">
  </label>
</div>

<div>
  <input type="checkbox" checked id="checkbox2">
  <label for="checkbox2">Checkbox</label>
</div>

<div>
  <input type="checkbox" id="checkbox3">
  <label for="checkbox3">Checkbox</label>
</div>
<script>
  document.querySelector('#checkbox3').indeterminate = true;
</script>

<div>
  <input type="checkbox" disabled id="checkbox4">
  <label for="checkbox4">Checkbox</label>
</div>

<div>
  <input type="checkbox" aria-disabled="true" id="checkbox5">
  <label for="checkbox5">Checkbox</label>
</div>