Learn how the number, date, and time input types work, and when they should be used.
- [Instructor] If you need to collect numeric data,…there are several input types that can be used.…In this video, we'll look at the number input type,…as well as attributes you can use to require users…to enter data in a certain format.…First is the number input type.…This is used to collect either positive or negative numbers,…including decimals.…So, going to my page.…On line 12, I'm going to enter an input type equals number,…and then, for name, I'm just going to call this number…and add the ID.…
Label for equals number.…And number is what the user will see on the page.…And then save and go to the browser,…and there I have my field to enter a number.…Now, I can enter numbers here.…What's interesting, it won't let me enter anything…that's not a digit, so right now, you can't see,…but I'm typing letters but nothing is happening.…It'll allow me to enter any digits, the plus or minus sign…and the period for decimal point.…
So using this field is useful if you want to make sure…that the user is entering a number.…
- 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.