Checkbox
A native <input type="checkbox"> for toggling
options.
Default
<input type="checkbox" />Checked
<input type="checkbox" checked />With label
Wrap in a <label> to make the text clickable.
<label>
<input type="checkbox" checked />
Accept terms and conditions
</label>
<label>
<input type="checkbox" />
Subscribe to newsletter
</label>Disabled
<label>
<input type="checkbox" disabled />
Disabled
</label>
<label>
<input type="checkbox" disabled checked />
Disabled checked
</label>Indeterminate
A third state shown when only some child options are selected. Must be
set via JavaScript: checkbox.indeterminate = true.
<label>
<input type="checkbox" id="select-all" />
Select all
</label>
<script>
document.getElementById("select-all").indeterminate = true;
</script>