Introduction
Designing user-friendly forms
()
What you should know
()
Accessibility
()
1. Designing a Form Experience
Don't ask for too much
()
Explain what you want
()
Make it make sense
()
Data privacy
()
2. Creating Forms with HTML
Basic form structure
()
Name, id, and label
()
Email and URL input types
()
Number and tel input types
()
Date and time input types
()
Radio buttons and checkboxes
()
Select element
()
Textarea element
()
Other input types
()
Buttons
()
Placeholder attribute
()
Other form attributes
()
3. Making Forms Interactive
Form submission and security
()
Validation
()
Pattern attribute
()
4. Styling Form Fields with CSS
Basic form styles: Color and size
()
Box sizing for forms
()
Styling text inputs
()
Styling radio buttons and checkboxes with images
()
Styling radio buttons and checkboxes as buttons
()
Styling pseudo-classes
()
5. Form Layout with CSS
Small-screen layout for forms
()
Wider screen layout for forms
()
Form labels
()
Ex_Files_HTML_CSS_Creating_Forms.zip
(42 KB)