Overview
-
Get a comprehensive guide to creating usable, accessible, and responsive forms with HTML and CSS.
Syllabus
-
Introduction
- Welcome
- What you should know
- Using the exercise files
- Ask the right questions
- Explain what you want
- Create a good flow
- Data privacy
- Basic form structure
- Text, email, and URL input types
- Number input type
- Date and time input types
- Radio buttons
- Select
- Textarea and additional input types
- Submit and other types of buttons
- Attributes used in forms
- Form submission and security
- Form validation
- Basic form styles: Text color and size
- Box sizing for forms
- Styling text inputs
- Styling radio buttons and check boxes with images
- Styling radio buttons and check boxes as buttons
- Styling select
- Styling buttons
- Styling pseudo-classes
- Small-screen layout for forms
- Wide-screen layout for forms
- Form labels
- Placeholder attribute
- Next steps
