Ads

How to Create Text Area

Text area is a place to store papers and HTML code in a box so easily copied by the visitors.
How to make the text area please copy the code below:


<p align="center"><textarea name="code" rows="6" cols="20">
Put your text or HTML code here, this is the writing or the code that will appear in the box
</textarea></p>


Example:



Description:
rows="6", height of the text area, if you want text area higher please replace the number "6" with a larger number value.
Cols="20", width of the text area. If you want a wider text area please replace number "20" with a larger number value.

Text Area with highlights
Another variation of this is the text area using button highlights. With this highlighted button easier for visitors to do copy the entire text or code that is written in the box, because just by pressing a button or highlight the entire text of existing code in the box will be highlighted and lived in the copy. This facility is useful when text or code that is written in the amount box very much so reduce the risk of text or code behind for the copy.
To create a text area to highlight this please copy the HTML code below:


<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"></div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
Put your text or HTML code here, this is the writing or the code that will appear in the box
</textarea></p></div></form>


Example:



In the code above there are two elements the first element to create a button that reads "Highlight All", and the second is the element code to make "text area".

Highlight All key elements:
<div align="center"> --> written "center" means the position of the button in the middle, if you want to position button on the left side, replace it with words and if you want to be left to the right, replace it with the right words.

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> meaning code when the button is highlighted in a click, all written or existing code will be highlighted in the box, should not alter this paper.

Value="Highlight All" --> Highlight All paper is paper that appears in the button, if you want to change this text please replace with the text you want.

Element text area:
<p align="center"> --> This shows that the text area will be in the middle, well if you want your text area located at the left edge, replace the word center with left, if you want at the right edge, replace it with the right words.

<text style="WIDTH: 300px"> --> Writing "WIDTH: 300px" is the width of the text area for 300 pixel, if you want shorter or longer, please change the numbers according to your wishes.

HEIGHT: 144px --> Figures "144px" text area will have a show for 144px high, if you want to change this, change that number.


Good Luck And Finish.



If you want to read this article in the Indonesian language, please click here: