Modern Forms
Build forms that are easy to fill in, with native validation and clear error messages.
What you'll learn
- Choose the right input types and autocomplete values
- Use required, pattern and min/max validation
- Style valid and invalid states
- Lay out forms for small screens
About this course
You build a sign-up form, a checkout address form and a survey. You learn input types, labels, native validation, :user-invalid styling and layouts that work on phones.
Course curriculum
4 modules and 12 lessons over 3 weeks. Plan for about 9 learning hours.
01Form markupWeek 1 · 3 lessons
- Labels and inputs
- Input types
- autocomplete
02ValidationWeek 1 · 3 lessons
- required, pattern, min and max
- Error messages
- The constraint validation API
03StylingWeek 2 · 3 lessons
- Custom checkboxes and radios
- Focus and error states
- Mobile layout
04Three formsWeek 3 · 3 lessons
- Sign-up form
- Address form
- Survey form
Project
Three working forms. A sign-up form, an address form and a survey with native validation and styled states.
Who this course is for
Learners who build pages and want forms people can complete.
Prerequisites
You know HTML and CSS basics.
What's included
- 120-day course access
- Step-by-step lessons
- Practice files
- Reusable code templates
- A graded final exercise
- A digital completion certificate
Learning format
Self-paced practical course, part of our self-paced courses. Graded final exercise with written feedback.
Access and delivery
- Enrollment is activated within 15 minutes after payment.
- Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Certificate
You receive a digital completion certificate. Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Frequently asked questions
When does access start?
Enrollment is activated within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for self-paced course programs.
