Interaction to Next Paint (INP) becomes a Core Web Vital on March 12. Start making your websites more responsive to user input today.
Learn how.
Stay organized with collections
Save and categorize content based on your preferences.
check_circle
Welcome to Learn Forms!
subject
Article
A course about HTML forms to help you improve your web developer expertise.
check_circle
Use forms to get data from users
subject
Article
Learn the basics of using a form on the web with this introduction to the form element.
check_circle
Help users enter data in forms
subject
Article
An overview of the various form elements you can choose from to build your form.
check_circle
Help users avoid re-entering data in forms
subject
Article
Make it more convenient for users to fill out forms.
check_circle
Help users enter the right data in forms
subject
Article
Learn how to validate your forms on the frontend.
check_circle
Test your forms
subject
Article
Learn how to test and analyze your forms.
check_circle
Design basics
subject
Article
Learn how to build user-friendly forms.
check_circle
Accessibility
subject
Article
How to build inclusive forms.
check_circle
Internationalization and localization
subject
Article
Be prepared for international data formats, and learn how to plan your form for localization.
check_circle
Security and privacy
subject
Article
Learn how to make your forms secure and keep your users' data private.
check_circle
Autofill
subject
Article
Learn all about autofill and the autocomplete attribute.
check_circle
How to test forms for usability
subject
Article
Discover how to do usability testing and ensure your form works well for all your users.
check_circle
Test forms across devices and platforms
subject
Article
Ensure your form works with different devices, browsers, platforms, and different contexts.
check_circle
Gathering data
subject
Article
Learn how to measure and analyze your form.
check_circle
The form element in depth
subject
Article
Learn all about the form element, when you should use a form, and how a form works in detail.
check_circle
Form fields in depth
subject
Article
Learn about the different form fields you can use, and how to choose the right form element.
check_circle
Form attributes in depth
subject
Article
Learn all about form attributes: how to modify the layout of on-screen keyboards, activate built-in validation, and more.
check_circle
Styling forms
subject
Article
Style forms using CSS, while ensuring they remain usable and readable for everyone.
check_circle
Styling form controls
subject
Article
Learn how to implement form controls with CSS.
check_circle
JavaScript
subject
Article
Find out how to use JavaScript to enhance your forms.
check_circle
TBD
subject
Article
check_circle
Payment forms
subject
Article
Improve conversion rates by building better payment forms.
check_circle
Address forms
subject
Article
Help users fill out address forms quickly and easily.
check_circle
Conclusion and next steps
subject
Article
Further resources to help you take your next steps.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]