Learn how the default button styles vary, and how to style buttons.
- [Instructor] From the styling perspective,…there are three types of buttons.…In this video, we're going to look at how to style…two of these types, the button using an input element…and a button using a button element.…There are also buttons that are on image.…The first type is using the input element.…You see here three different variations,…the type of submit, type of reset, and type of button.…These three buttons work slightly differently,…but they're styled exactly the same, so any styles…you apply would affect them in the same way.…
Then we also have three types of button…using the button element.…Again, they're submit, reset, and button as their types.…And they again work slightly differently but any styles…you apply would affect all three of these in the same way.…The third type of button is the image type of input.…Although this element also works as a button,…it's styled very differently as an image,…so you can just style it the same as you would any image.…So we'll just be looking at the first two types…
- 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.