Lead:  Liav Nadler  

Issues to cover

• Inputs

  • Default values

  • Field dependencies

  • Mandatory indicators

• Validations

  • Invalid values

  • Blank mandatory fields

  • Leaving the page without saving

• Grouping fields

• Form level elements

  • Action buttons - Including location (top / bottom)

  • Status tags

  • Messages

• Guidance

  • Form instructions

  • Field help

• Autosave

• Preventing users from selecting labels

Description

• A form is a collection of input controls, allowing users to enter data that is then sent to a server for processing.

• Forms may appear in either workspaces, wizards or dialog popups.

• This page will focus mainly on forms within workspaces, although many of the guidelines are common for all forms.

...

• Any form consists of two areas: the input area and the action area.

• The input area may contain any set of controls, including text fields, text areas, dropdown menus, check boxes checkboxes, radio buttons, date and time pickers etc.

• The action bar usually consists of two buttons: Save for submitting the form and Cancel for resetting the form (see interactions below).

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility

text highlight when using a keyboard + using arrows when in edit mode (left, up or home to set the insertion point at the beginning; right, down or end to set it at the end).

Design

...