1. Form title
Describes the main purpose of this form. Can be part of a panel or dialog.
2. Form description
Use to introduce the purpose of the form and include general information.
3. Section header
Use to group related fields, as required. On longer forms can be combined with multiple panels to further section the form.
4. Field label
Label for form fields. On radio and checkboxes groups it is the group title.
5. Input field
Area for the input field, the controls will change with the type of input.
6. Field description
Use for describing the purpose of the input field and give minimal guidance for users to successfuly complete the field.
7. Placeholder text
Use to set expectactions about the type of interaction / information required and indicating if a field is optional.
8. Error message
Use to show an error message as required.
9. Form controls
Use to contain any controls which impact the whole form/page. Can be presented at the end of the form or as a floating bar.