The checkbox

A checkbox checkbox is an element (check mark or tick) of an HTML form that can have two states: checked and unchecked.

The checkbox is created using the input tag with the type attribute set to checkbox. The checkbox looks like this:

A checked checkbox will send the content of the attribute value to the server. If the checkbox does not have the attribute value, it will send the string "on". If the checkbox is not checked, nothing will be sent to the server regardless of the presence of the attribute value.

Example

Let's make two checkboxes: let the first one be checked (since it's given the checked attribute), and the second one not:

:

Example . Disabled checkbox

Let's look at the disabled checkbox with the attribute disabled. When you click on it, its state will not change:

:

Example . Locked and checked checkbox

Now let's disable the checkbox in the checked state with the disabled attribute and give it the checked attribute:

:

See also