Learn how and when to use the textarea element, as well as the input types color, file, password, hidden, range, and search.
- [Instructor] Here are a few additional input types…that can be used to collect text,…as well as some more specific types of data.…And the first is a text area element,…which can be used to collect text on multiple lines.…So inside my form,…I'm going to add first the label.…And I'm going to ask the user to write a poem.…
And then the text area element ID is poem,…and name is also poem.…And it needs a closing tag,…even though there's nothing in between them.…And then add some line breaks after that.…So going to look at that in the browser,…it's not just a one line box like I get for inputs,…I can actually type in some text…and hit Enter between the lines.…So the box looks pretty small.…
You can resize it using CSS, but what's interesting…is that the user can actually resize it themselves…by clicking on the corner of the box…and making it larger or smaller on the page.…However, most users don't know that they can do that.…The next input type is color,…and this allows the user to select a color.…Unfortunately, it's not supported in all browsers yet.…
- 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.