An official website of the United States government
Checkboxes
Overview
Checkboxes are common form controls that allow users to select one or more items from a list of options.
Textbox module not selected or not found. Textbox module not selected or not found.How to Use
When to Use
- Users need to select any number of items from a list of options and need to see all available options at a glance.
- A single checkbox is appropriate for “toggle†options like “Yes†and “No†or “On†and “Offâ€.
When to Consider Something Else
- Users only need to select one option. Radio Buttons or Button Boxes are appropriate in these cases.
Other Guidance
Options Text: Be concise – one or two words.
Multiple Columns: Checkboxes may be displayed in multiple columns. This format is best when the options text is very short. Consider how much text wrapping may occur when using multiple columns. Like other lists in the RD Templates, checkboxes formatted in multiple columns will only display as a single column in Viewport 1.
Textbox module not selected or not found. Textbox module not selected or not found.Big Checkbox Option: A larger checkbox style is available for sites using the RD Templates and need to support mobile devices users. When the big checkbox class is applied to a group of checkboxes these will automatically display larger in Viewport 2 and Viewport 1 to improve the user experience on mobile phones.
Textbox module not selected or not found. Textbox module not selected or not found.References
- U.S. Web Design Standard
- Best Practices for Form Design, Luke Wroblewski