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
Identity
subject
Article
Find out how to set up your forms using best practices for user authentication.
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"
}]
{}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]