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

CSS for styling text areas - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

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…

Contents