Textarea Functionality
Textareas share most of the same attributes as input tags, with a couple additions to make sure that it works the same way across all browsers. Those additions are the bottom margin of 1 EM the specification of a height (150 pixels), which would be unnecessary on a regular text input.
Here is an example of a textarea:
Because of the nature of the way textboxes work, you must use a clearBoth class div inside the formRow div containing the textarea tag.
Relevant HTML
<div class="formRow"> <div class="formLabel"> <label>Input</label> </div> <div class="formElement"> <textarea></textarea> </div> <div class="clearBoth"></div> </div>
Relevant CSS
/* Note: This CSS was edited to only show relevant parts. */
.formElement textarea
{
margin-bottom:1em;
padding:0.2em;
width:90%;
height:150px;
background:#f9f9f9;
}