Learn the different types of buttons that can be added to forms, and when each one should be used
- [Instructor] Every form needs submit button.…There are several different ways…to create buttons for forms, including submit buttons,…reset buttons, and generic buttons,…as well as buttons made out of images.…The submit input type is the original way…to create a submit button.…Type tells the browser that it's a submit button,…and the value tells the browser…what word to put on the button.…Submit is the default word if you don't specify.…I'm going to add a button here on line 13.…Input type equals submit value;…and the text I want on the button,…let's say, "Submit Answers."…Then, add a couple of line breaks.…
Refresh, and there is my button.…You can use other words as appropriate,…but make sure it's clear to the user…that they will submit the form when they click it.…For example, it could say, "Add to cart,"…"Donate,"…"Place order,"…that sort of thing.…The next input type is reset.…This button will clear all the fields in a form.…Most forms don't need a reset button,…and you want to use with care because you don't want…
- 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.