HTMLForms

HTML Forms

Forms are used to collect user input, ranging from text fields and selections to data submissions, facilitating interactions between users and web applications.

Suggested readings

  • Learn Forms | web.dev
  • Your first form – Learn web development | Mozilla Developer Network (MDN)
  • How to Use HTML Forms – HTML Form Basics | FreeCodeCamp
  • HTML Dog - Form
  • Learn HTML: Forms | Codecademy

Skill plan

Recommended projects to do to advance this skill progressively.

Tracking your progress

To progress in the skill plan, you must add the skill to the "Skills used" field when completing a challenge.
1
Newsletter Section
Mid
Newsletter SectionBuild a responsive newsletter subscription section with both client-side and server-side validation
Go to project
2
Text Input Component
Starter
Text Input ComponentBuild a text input component used for collecting user input
Go to project
3
Contact Section
MidPremium
Contact SectionBuild a responsive contact section with form validation and submission functionality
Go to project
4
Textarea Component
Starter
Textarea ComponentBuild a textarea component used for collecting multiple lines of user input
Go to project
5
Checkout Section
SeniorPremium
Checkout SectionBuild a fully functional and responsive single-page checkout section including all standard checkout functions
Go to project
Challenges Submissions
NewAdvertise with us ->
Pricing Sign in / up
Get full access
Not signed inSign in / up
  • Dashboard
  • Project challenges
  • User submissions
  • Features
  • Pricing

Project challenges

All challengesSkills roadmapComponent tracks

Skills roadmap

Build your way up to a well-rounded front end / full stack skillset. Hone a specific skill, or follow our skills progression starting from zero.
Foundational skills
HTML
HTML Basics
HTML Semantics
HTML Images
HTML Forms
CSS
CSS Basics
CSS Positioning
CSS Layout
CSS Responsive Design
CSS Transforms and Transitions
CSS Architecture
JavaScript
JavaScript Events
JavaScript DOM Manipulation
JavaScript Fetch
JavaScript Storage
Intermediate skills
ReactPremium
React Basics
React Components
React List Rendering
React Event Handling
React Form Handling
React Effects
Package ManagersPremium
Package Manager Basics
Package Manager Workspaces
Build ToolsPremium
Typechecking
Linting & Formatting
Bundling
Advanced skills
TestingPremium
Unit Testing
End-to-end Tests
PerformancePremium
Font Loading Performance
Image Loading Performance
Code Loading Performance