1
check_circle
Welcome to Learn Forms!
keyboard_arrow_down
keyboard_arrow_up
subject
Article
A course about HTML forms to help you improve your web developer expertise.
2
check_circle
Use forms to get data from users
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn the basics of using a form on the web with this introduction to the form element.
3
check_circle
Help users enter data in forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
An overview of the various form elements you can choose from to build your form.
4
check_circle
Help users avoid re-entering data in forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Make it more convenient for users to fill out forms.
5
check_circle
Help users enter the right data in forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to validate your forms on the frontend.
6
check_circle
Test your forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to test and analyze your forms.
7
check_circle
Design basics
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to build user-friendly forms.
8
check_circle
Accessibility
keyboard_arrow_down
keyboard_arrow_up
subject
Article
How to build inclusive forms.
9
check_circle
Internationalization and localization
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Be prepared for international data formats, and learn how to plan your form for localization.
10
check_circle
Security and privacy
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to make your forms secure and keep your users' data private.
11
check_circle
Autofill
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn all about autofill and the autocomplete attribute.
12
check_circle
How to test forms for usability
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Discover how to do usability testing and ensure your form works well for all your users.
13
check_circle
Test forms across devices and platforms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Ensure your form works with different devices, browsers, platforms, and different contexts.
14
check_circle
Gathering data
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to measure and analyze your form.
15
check_circle
The form element in depth
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn all about the form element, when you should use a form, and how a form works in detail.
16
check_circle
Form fields in depth
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn about the different form fields you can use, and how to choose the right form element.
17
check_circle
Form attributes in depth
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn all about form attributes, how to modify the layout of on-screen keyboards, activate built-in validation, and more.
18
check_circle
Styling forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Style forms using CSS, while ensuring they remain usable and readable for everyone.
19
check_circle
Styling form controls
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Learn how to implement form controls with CSS.
20
check_circle
JavaScript
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Find out how to use JavaScript to enhance your forms.
21
check_circle
Identity
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Find out how to set up your forms using best practices for user authentication.
22
check_circle
Payment forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Improve conversion rates by building better payment forms.
23
check_circle
Address forms
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Help users fill out address forms quickly and easily.
24
check_circle
Conclusion and next steps
keyboard_arrow_down
keyboard_arrow_up
subject
Article
Further resources to help you take your next steps.
[[["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"]],[],[],[]]