Forms & Inputs — Roadmap Step & Resources
Form elements, input types, labels, validation attributes and accessible form design
- Level: beginner
- Estimated time: 1 days
- Roadmap: Next.js Full Stack
Before this step
Mini projects
- Build a signup form with client-side validation attributes
Interview questions
- How does built-in form validation work?
- Why pair <label> with form controls?
Study resources
- HTML Forms In 12 Minutes (Video) — A concise breakdown of form elements, input types and labels for building accessible forms.
- Your first form (Article) — MDN's official, thorough walkthrough of building a real HTML form.
- The HTML form element (Article) — MDN's official reference for form attributes, submission types, methods, and input controls.
Part of
- HTML — section
- Next.js Full Stack roadmap — the full learning path