dta.gov.au

The .gov.au means it’s official

Australian government websites always use a .gov.au domain. Before sharing sensitive information online, make sure you’re on a .gov.au site by inspecting your browser’s address (or 'location') bar.

This site is secure.

The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Form

v0.1.5

A collection of styles for labels, hint text, inline error messages, fieldsets and spacing for form controls.

Released

History
View changes
Install
npm i @gov.au/form
Tags
Requires
Contributors
  • Sarah Pulis avatar picture
  • Andrew Arch avatar picture
  • Raj Ghuman avatar picture
  • Adam Zerella avatar picture

Fieldset reset

Fieldset elements with default styling are rendered differently on different browsers. To achieve cross-browser consistency the default browser styles for fieldset are removed.

Label positioning

Labels are best placed above the form field as opposed to right or left aligned labels. There are several advantages of this approach:

  • label length does not affect form field placement
  • faster completion rates
  • reduces the number of fixations (easier to scan)