stylish text area

 Text area formed by <textarea> tag. The function oftext area is to give a frame for special words. But, there are many blogger/webmaster using text area for script box. There are many text area, so now I will give you example the kinds of text area.

Standard Text Area

Browseyourblog

<textarea>Browseyourblog</textarea>



Text Area that can you set the widht and height
Browseyourblog

<textarea cols="50" rows="10">Browseyourblog</textarea>



Text Area with dashed line

Browseyourblog

<textarea cols="50" rows="5" style="border: 2px dashed;">Browseyourblog</textarea>

Colorful Text Area

Browseyourblog

<textarea cols="50" name="code" rows="3" style="-moz-border-radius: 10px; background: #000000; border-bottom: 4px solid #FF0000; border-left: 4px solid #00FF00; border-right: 4px solid #FF00FF; border-top: 4px solid #FFFF00; color: red; line-height: 1.5em; padding: 5px;">Browseyourblog</textarea>

Text Area with Select All button

Select All

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 185px;" wrap="VIRTUAL">Select All</textarea></div>
</form>
</div>