Drifting Designs Tutorials > > Coding > > HTML > > Textarea
Font of Textarea
Border of Textarea
Background of Textarea
A textarea is basically a box of text. It's especially useful in holding HTML. An example textarea is shown below -
Basic Textarea
1) Place the following code for the textarea where you want it to show up on your webpage -
2) Where it says "CONTENT HERE", change it to whatever you want to be inside the textarea.
Where it says "NAME", change that to whatever you want to name your textarea as. Naming the textarea doesn't interfere with how the textarea will look like; it's just a form of identification if you have many textareas on one page. It's not a necessary attribute; delete it if you don't want it.
3) Where it says "rows", specify how many rows of text you want the textarea to be in height. For example -
Then change where it says "cols" to how wide you want your textarea to be in relation to how many letters (or spaces) fit on one line. For example -
Content Font
In addition to specifing the size of your textarea, you can also customize the things in your textarea. For example, adding the following bolded code into your textarea will specify the font style -Change where it says #000000 to the hexadecimal of the color you want your text to be. Change where it says "Verdana" to the font name you want your text in the textarea to be. Change where it says 8pt to the size of the font.
Border
Want to add a border to your textarea? Add the bolded code -Replace the word "COLOR" with the hexadecimal of the color of the border you want your textarea to have.
Background
Want to specify a background color to your textarea in place of the default white? Add the bolded code -Replace the word "COLOR" with the hexadecimal of the color of the background you want your textarea to have.
|
