Text labels are used to guide or describe a user action and are placed nearby an action component.


  • A label is generally used to identify a closeby interaction component eg. a text box or a checkbox.
  • Some labels can respond to events such as mouse clicks, eg. in the case of checkboxes.
  • Checkbox labels should be placed right to the checkbox.
  • Form labels should be placed left or on top of the input field.


Some labels (for checkboxes and input fields) in the context of a form

See also