209 of 300

Conversion 04

Form fields

The fields have a filled background and no border, and an error shows on the field with a line below it. Try to send the form without an email address.

Fields, choices and errors

  • ErrorsAn error is set with aria-invalid and a line under the field, tied to it with aria-describedby. The confirmation is a live region.
  • LabelsThe label stands above the field. A placeholder is an example of what to type.
  • ChoicesCheckbox, radio and switch are drawn in CSS on the native inputs.