Join James Williamson for an in-depth discussion in this video Targeting form element states, part of CSS: Selectors.
- HTML allows several form elements…to have either checked, enabled, or disabled states.…That is, times when they're checked,…or when interacting with them is either allowed or not.…Now by default, all form elements are enabled.…However, there are times that you might want…to disable them until certain conditions have been met.…CSS gives us the ability to style these states…through the checked, enabled, and disabled…pseudo class selectors.…Taking a quick look at enabled.html file,…in the 03_03 directory, you can kind of see…the syntax for them, they're just pseudo class selectors.…
We have checked, enabled, and disabled.…To give you an illustration of what…these can actually do for us, I'm gonna scroll down…to the bottom of this page in the browser,…I've got a form at the bottom of the page…that has a couple of elements that are disabled.…You'll notice, for example, that no matter…how hard I click into the name or the email,…or on the subscribe button, nothing happens.…All the form elements inside that are disabled.…
- Targeting classes and IDs
- Working with group selectors
- Targeting element attributes
- String matching
- Targeting links with pseudo-class selectors
- Targeting child elements and empty elements
- Targeting parent, child, and sibling elements
- Matching patterns
- Writing efficient selectors
Skill Level Intermediate
CSS: Advanced Typographic Techniqueswith James Williamson3h 14m Intermediate
HTML5: Graphics and Animation with Canvaswith Joe Marini3h 7m Intermediate
1. Basic Selectors
2. Attribute Selectors
3. User Action Pseudo-Class Selectors
4. Structural Selectors
6. Matching Patterns
7. Writing Efficient Selectors
- 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.