Text Area Tutorial

Regular Text Area

<textarea cols="20" rows="3">TEXT HERE</textarea>

To change the height of the text area, change the rows value.

To change the width of the text area, change the cols value.

Example


Neopets Pet Page Text Area

To add a text area to your Neopets' Pet Page, you must use a different code.

<text_area cols="20" rows="3">TEXT HERE</text_area>

Example


Customized Text Area

To customize the look of the text area, use CSS.

<style type="text/css">
textarea {
background-color: #00FF00;
border-color: #0000FF;
border-style: solid;
border-width: 1px;
color: #000000;
font-family: sans-serif;
font-size: 14px;
padding: 4px;
}
</style>

Check out the "properties" in the CSS Tutorial to further customize your text areas.

Example