Web foundations lab

Forms and validation

Labels, inputs, validation hints, form states, and confirmation messages.

Track progress 0/120 lessons 0/18 missions 12 courses
0%
Continue View profile
01 Forms and validation Forms and validation: Form structure

Build form structure inside the persistent Creative portfolio: Form structure starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
02 Forms and validation Forms and validation: Explicit labels

Build explicit labels inside the persistent Course dashboard: Explicit labels starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
03 Forms and validation Forms and validation: Email input types

Build email input types inside the persistent Service status page: Email input types starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
04 Forms and validation Forms and validation: Required fields

Build required fields inside the persistent Project launch page: Required fields starter project.

Admin 10 minutes · form, label, input, required, aria-describedby
05 Forms and validation Forms and validation: Help text relationships

Build help text relationships inside the persistent Accessible recipe: Help text relationships starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
06 Forms and validation Forms and validation: Error messages

Build error messages inside the persistent Reading list: Error messages starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
07 Forms and validation Forms and validation: Input descriptions

Build input descriptions inside the persistent Support center: Input descriptions starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
08 Forms and validation Forms and validation: Grouped choices

Build grouped choices inside the persistent Team directory: Grouped choices starter project.

Admin 10 minutes · form, label, input, required, aria-describedby
09 Forms and validation Forms and validation: Confirmation states

Build confirmation states inside the persistent Field notes: Confirmation states starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
10 Forms and validation Forms and validation: Validation checkpoint

Build validation checkpoint inside the persistent Civic calendar: Validation checkpoint starter project.

Admin 7 minutes · form, label, input, required, aria-describedby
Snippet coverage

Patterns you will practice here.

form / label / input

Build form structure with labels and validation hints.