HTML Code for Checkbox

Introduction to HTML Checkbox

Checkboxes are a type of input element that allow users to select one or more options from a list. They are commonly used in forms to enable users to make a selection.

Creating a Checkbox in HTML

To create a checkbox in HTML, you can use the <input> element with the type attribute set to 'checkbox'. Example: <input type='checkbox' name='checkbox1' value='option1'>

Labeling a Checkbox

You can use the <label> element to label a checkbox. Simply wrap the <input> element within the <label> tags. Example: <label for='checkbox1'><input type='checkbox' id='checkbox1' name='checkbox1' value='option1'> Option 1</label>

Styling the Checkbox

While the appearance of checkboxes can vary across different web browsers, you can use CSS to style the checkboxes to align with your website's design. Example: input[type='checkbox'] { /* add your styles here */ }

Example Code

<input type='checkbox' name='checkbox1' value='option1'>

Go from files to website in seconds.

Start a free trial for 7 days — no credit card required

Get Started for Free