Form: Default - University of Leeds Design System

Form components without errors

This is an optional lead sentence. Quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.

Lead links may be used to offer a user alternative pages

Lead links may be used to offer a user alternative options

Select typeahead (no default value) Select fruit from list, type to filter results

Select typeahead (default value) Select fruit from list, type to filter results

Multiselect (no default values) Select a sport: Select items or type to filter

Multiselect (default values) Select a sport: Items selected

Basketball, Cycling, Football, Walking

Multiselect, no chips, option count Select a cheese: Select items or type to filter

Text input large (required)

Text input medium (required)

Text input small (required)

Text input x-small (required)

Telephone input (required) Telephone input hint

URL input (required) For example, https://www.example.com

Email address (required) Email hint

Select a time (required) Time hint

Inputs inline (required)

For example, 28 04 2022

Day

Month

Year

Select date format: dd/mm/yyyy

Date range, input start and end dates or select in the date picker

Start date format: dd/mm/yyyy End date format: dd/mm/yyyy

Password input (required) Must be at least 8 characters, Must contain at least 1 uppercase letter,

Checkboxes Select all that apply

Option 1

Option 2

Option 3 displaying example with a really really really long title

Option 4

Option 5

Option 6

Radios (required) Select one option.

Option 1

Option 2

Option 3 displaying example with a really really really long title

Option 4

Option 5

Option 6

Event description (required) Write a short summary about your event

Event description - medium (required) Write a short summary about your event

200 character limit

Event description - small (required) Write a short summary about your event

100 character limit

Fieldset

Fieldset legend

Text input grouped

Text input grouped Some hint

Upload files Hint text re file size/type

Terms and conditions Checkboxes Select all that apply

I agree to the terms and conditions