Join Clarissa Peterson for an in-depth discussion in this video Select, part of HTML & CSS: Creating Forms.
- [Instructor] In this video we're going to look…at how to use the select element to allow users…to choose between multiple options.…Next, we need to add a fieldset and a legend.…And these are used to group the radio buttons together…and provide the question that's being answered.…If we look on our page here we have the answers,…blue, red, and green, but we don't yet see the question.…So we're going to add that in the code.…So I'm going to go above the first input for the color blue…and add fieldset,…and then below that legend.…
Inside the legend element I'm going to ask the question,…What is your favorite color?…And then after the last of those three options…I'm going to close the fieldset…and add an additional break tag right there.…So when I go back to the browser…now I see the question and the answers.…So the legend essentially labels the whole fieldset.…If someone's using a screen reader…it might read to them the legend along with each label.…
For example it will say what is your favorite color?…Blue.…What is your favorite color? red, et cetera,…
- How users interact with forms
- Designing forms that are easy to use
- Following data privacy laws when collecting information
- Choosing which HTML input types to use
- Adding buttons
- Adding interactive validation
- Styling form fields with CSS
- Using positioning and flexbox to create responsive form layouts
Skill Level Beginner
Building Web Applications with Ajaxwith Sasha Vodnik1h 31m Intermediate
1. Designing a Form Experience
2. Creating Forms with HTML
3. Making Forms Interactive
4. Styling Form Fields with CSS
5. Form Layout with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.