Split Checkbox Article For Free

A check box is used to select or deselect action items. It can be used for a single item or for a list of multiple items that a user can choose from. The control has three selection states: unselected, selected, and indeterminate.

The <input type="checkbox"> defines a checkbox. The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices.

Checkbox Usage In a list of things, checkboxes for selection should appear 'before' the text (so, to the left in a left-to-right language like English). This allows you to align the items to the left while still keeping the checkboxes aligned without adding any more whitespace to the page.

Benefits of using checkboxes Checkboxes expose all available options. Users can see all available options at a glance and make a selection.

A checkbox is a square button with a check to denote its current state. Checkboxes allow the user to select one or more items from a set. Checkboxes can be used to turn an option on or off. Unlike radio buttons, changes in the states of one checkbox do not usually affect other checkboxes.

For example, you should use radio buttons when you want the user to be able to select only one option from the available choices. In contrast, if you're giving multiple selection choices to your users, you should use the checkboxes field.

Grouping checkboxes horizontally allows users to read options from left to right as well as from top to bottom. This style is especially popular when you have long lists for them to go through. Tip Consider using horizontally grouped checkboxes when you have a lot of options.