Checkbox Simple

Checkbox
Form
CSS
Last Updated: Nov 10, 2025
  • Set the field name on the input element
  • Delete the space in the require attribute's value to make field not required
  • Style checked state from embed
<style>
.checkbox-1_label:has(input:checked) .checkbox-1_box {
	background-color: currentColor;
}
.checkbox-1_label:has(input:checked) .checkbox-1_icon {
	opacity: 1;
}
</style>