HTML Checkbox Tag

The HTML <input> element with the type attribute set to “checkbox” is used to create checkboxes in web forms. Checkboxes allow users to select multiple options from a list of choices. Here’s an example of how to use the HTML checkbox tag:

<input type="checkbox" id="checkbox1" name="option1" value="Option 1">
<label for="checkbox1">Option 1</label>

<input type="checkbox" id="checkbox2" name="option2" value="Option 2">
<label for="checkbox2">Option 2</label>

<input type="checkbox" id="checkbox3" name="option3" value="Option 3">
<label for="checkbox3">Option 3</label>

In the above example, we create three checkboxes with different id, name, and value attributes. Each checkbox is associated with a <label> element using the for attribute, which improves accessibility and allows users to click on the label text to toggle the checkbox.

When a checkbox is selected, the corresponding value is sent to the server when the form is submitted. If multiple checkboxes are selected, their values are submitted as an array or a comma-separated list, depending on how the form is processed.

You can customize the appearance and behavior of checkboxes using CSS and JavaScript. Additionally, you can use JavaScript to handle checkbox events, such as toggling other elements or performing specific actions based on the checkbox state.