- View Offline
- Exercise Files
- Code Practice
- Creating forms with the <form> element
- Adding labels and basic usability features
- Navigating elements between browsers
- Styling the background
- Creating input and button fields
- Working with select fields
- Floating and positioning grouped elements
- Using HTML5 input types
- Resizing elements and adjusting the view for mobile devices
- Adding jQuery navigation
- Designing validation feedback
Skill Level Beginner
- [Voiceover] Hello, I'm Ray Villalobos and welcome to CSS Styling Forms. In this course, I'm going to show you how to use CSS to style forms and form elements. I'll start by showing you basic form inputs and how to code forms to improve usability. Then I'll show you how to create special styles for individual form elements like custom check box and radio buttons. We'll see how to layout forms by grouping them and positioning them with pixel level precision. Finally, I'll show you how to combine j query with CSS to validate and style feedback to users on required fields.
So let's get started with CSS Styling Forms.
1. Understanding Form Structure
2. Styling Basic Elements
3. Laying out Forms
4. Using HTML5 Additions
Exploring new input types4m 32s
5. Styling for Handhelds
6. Advanced Design Patterns
Next steps1m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.