css with forms

Just like CSS can be applied to layouts, it can be applied to the form elements. There are two ways to add CSS attributes to forms. The most common way is to put it in the CSS stylesheet, then it will apply to all of the form fields specified. Here is how you can do that:

in the stylesheet

textarea {
font-size: 10pt;
background: #ffffff;
color: #000000;
border: 1px solid #000000;
}

That's just a sample. You can add any CSS attributes to it, and it will affect the specified form field. You can also do more than one form field with the same code, like this:

textarea,input {
font-size: 10pt;
background: #ffffff;
color: #000000;
border: 1px solid #000000;
}

If you need more info on the different form elements, check out the form guide here. The title that goes in this code is under "input type=title here" in the code.

individually

You can also add the CSS attributes to individual elements. Do that with the "style" attribute, like this:

<textarea style="css attributes here, separated by ';'">Text here<textarea>

You can use that simple trick with any type of form element. Well, now you know how to make pretty forms that match your layouts!