Learn how the radio and checkbox input types and the select element work, and when each should be used.
- [Instructor] Besides typing in data,…there are times when you want to have the user select…between multiple options.…The most common ways to do this are using radio buttons,…check boxes, or a select menu,…which is commonly called a dropdown menu.…The two at the top are our radio button input…and check box input.…They look very much the same.…The only difference between them,…with a radio button,…the user can only select one of the options,…while with check boxes,…the user can select more than one option.…Below that is a select menu.…
This is a dropdown where you can only choose one option.…And below that is also a select menu,…but it's set to allow you to choose more than one option.…You can choose more than one by using command-click…on your Mac, or control-click on your Windows computer.…To choose between these options,…it is often best to go with a radio button…or check box input because then…the user can see all of the available options at one time,…and they only have to click once to make a selection,…whereas with a dropdown menu,…
- 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
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.