From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
CSS for styling text areas - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
CSS for styling text areas
- [Man] By styling the input, the text area, the option, and the select element, you can provide a unique and kind of interactive, dynamic experience for user input. Let me show you what I'm talking about. Here, by providing a unique font that applies only to areas of a form that the user is entering data in, we've created a more inviting experience. Let's see how that looks in our browser. So I'm taking a look at this and I like the fact that there's a distinct font and font color, so the font colors are reversed, white on black, for user input. But, this form could use a little bit more spacing, or specifically, padding inside the input elements, and a larger font to really make it clear that we're inviting user input. So let me go back and tweak this style. And let's see what that does to the form. Better! I'm going to put my self in the shoes of the user, enter my e-mail address, my name. It's not exactly my phone number. And I like that user experience. We provided a distinct…
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.