Join Clarissa Peterson for an in-depth discussion in this video Date and time input types, part of HTML & CSS: Creating Forms.
- [Instructor] There are other input types that can be used…to collect numeric data.…In this video we'll look at the date,…time, and telephone input types,…and again, look at attributes you can use…to require users to enter data in a certain format.…We'll continue with the same exercise file…from the previous video.…The next input type is date,…which is used to accept dates.…So back in the code I'm going to enter input type = date,…name, let's call this birthday,…we can ask the user their birthday,…id = birthday.…
And then label for = birthday,…and close the label.…So now I have Birthday in here.…So you'll see that there's placeholders…for month, day, and year.…And you can type directly in each of these.…So, for example, I can enter 12 for month, 01 for day,…whatever I want for the year,…so it's a little bit different…than a text field in that way.…
When you're in any of these three parts of the number field…you can use a stepper to go up and down.…It starts with today under the year.…There's also this X here on a gray background,…
- 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.