A check box, selection box, or tick box is a small interactive box that can toggled by the user to indicate an affirmative or negative choice. It is frequently found in HTML input forms, dialog boxes, and in the GUIs of applications and operating systems.
When clicked, a check mark (✓) appears inside the box, to indicate an affirmative choice (yes). When clicked again, the check mark disappears, indicating a negative choice (no).
Check boxes are used when more than one option may need to be checked or as an easy way to enable or disable a setting in a software program. Checking the box enables that setting, and unchecking disables it.
Check box example
Below is an interactive example of a check box. To select a check box or place a check in the check box with a computer mouse, click the check box with left mouse button. To check a check box with a touch screen tap your finger on the check box. If a box is checked, it can be unchecked by clicking or tapping the box again.
Tip: If you are using a smartphone or tablet, and the small size of the screen makes it difficult to tap a check box, you may need to zoom in the screen. To zoom in, pinch with your fingers, using an outward motion.
Note: Depending on your browser and device the check box mark may be a check mark, an X, or a solid box to indicate it has been selected.
How to place a check in a check box using a keyboard?
To check a check box with the keyboard, press Tab until the check box is highlighted or bold and then press the spacebar to check or uncheck the box. You can try this now in the below check boxes. Note: If pressing Tab does not select the below boxes first in your browser, you would need to keep pressing Tab until they're selected. Alternatively, you could first click on the box with your mouse and then press the spacebar to uncheck and check the box.
How to create a check box on my HTML web page
To create a check box on a web page, use the <input> tag as shown below. In the example below, we are using the code from the above example of a check box that creates a check box and is followed by the "Check box 1" text.
<input type="checkbox" name="Example-1" value="on" id="Example-1"> Check box 1
If you want that check box to be submitted by a web page visitor, it must be included in a <form> tag that is submitted as part of the form. Typically when submitted it is sent to a Perl, PHP, or Python script that can grab what check box has been checked and perform the necessary action.
Difference between check box and a radio button
A check box is always a square box and allows for one or more items to be selected. A radio button is typically a circle and only allows for one item to be selected. If you're creating a list that needs multiple options selected, use check boxes. If you want only one option to be selected and prevent multiple options from being selected, use a radio button.
Should I use "checkbox" or "check box" in my writing?
Both forms are correct, and its usage depends on the style guide you're following. When describing a selectable box or object, we follow the Microsoft Manual of Style and write "check box" as two words in all of our writing. When describing an attribute value, such as the "checkbox" value in an HTML input tag, it should be one word.
Tip: According to Google Trends "checkbox" is used much more than "check box."