From the course: HTML & CSS: Creating Forms
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Textarea and additional input types - HTML Tutorial
From the course: HTML & CSS: Creating Forms
Textarea and additional input types
- [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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Basic form structure7m 44s
-
(Locked)
Text, email, and URL input types6m 57s
-
(Locked)
Number input type6m 3s
-
(Locked)
Date and time input types6m 40s
-
(Locked)
Radio buttons3m 47s
-
(Locked)
Select5m 29s
-
(Locked)
Textarea and additional input types7m 15s
-
(Locked)
Submit and other types of buttons5m 6s
-
(Locked)
Attributes used in forms6m 51s
-
-
-
-
-