Forms

Search form

The Search Form is a widget which enables the user to search and retrieve related information from the database using keywords.

Anatomy

Anatomy of search form
  • Mandatory
  • Optional
ElementsMandatoryDescription
Text FieldyesThe input field allows the user to input their search keywords
ButtonyesThe button submits the search input

Do's

  • always include a search button

Don'ts

  • don't use placeholder text in the text field

When to use

  • whenever needed, always as part the ECL Site header

When not to use

Notes

Accessibility

  • placeholder text in a text field is bad for accessibility - may not be read by screen reading software, and can be problematic for users with a visual impairment