How to Create Text Area
What is a text area?. To facilitate you understand what a text area, please divert your attention to the right column of the screen, under the heading Want tuker links, there is a box that contains the text HTML code, that's what the call the text area. Well by looking at examples, then we can say that the text area is the area or place to store the text or writings by forming a new area. Usually this text area used to store the HTML code or other text to be copied by the visitors.
To create a text area, please you copy the code below:
<p align="center"> <textarea name="code" rows="6" cols="20"> Write text or code you want here, then your article will appear later in the text area </ textarea> </ p>
For example :
Description: rows = "6", shows the height of the text area, so if you want the text area to high then please replace the number "6 had a higher number value.
Cols = "20", shows the width of the text area. If you want a wide text area then please replace the number "20" had a higher number value.
Text Area using a select All
There are other options than to make this text area, namely text area by using a select button All. with the key highlights will make it easier for visitors to copy the entire text or the codes given, because with only a single tap it on a select button All this, then the entire text or code in them will be in the highlights and live in the copy alone. The facility is very useful when the text or code in the given role in a very large quantity and this will reduce the risk tertinggalnya a text or code to be copied. To create a text area using a select you copy please All this HTML code below:
<form <div> 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> <p align="center"> <textarea style =" WIDTH: 300px; HEIGHT: 144px "name =" txt "rows =" 100 "wrap =" VIRTUAL "cols =" 55 "> save your writing here, then the text you write will appear here and ready to be copied by the visitors </ textarea> </ p> </ div > </ form>
For example:
In order to better understand your code above, I will describe a little. The above code has two parts elements, namely elements of the code to create a button that reads a select All, and the second is the element code to make text area.
All a select key elements:
1. <div align="center"> -> center said showed that the position would be in the middle of the button, so if you want to position the switch is on the edge of the left, stay left instead of with words. And if you want to be on the edge of the right, right to live instead of with words.
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> -> This code means as a select the All button on the click, the entire text in it will in a select the All (the mark or in the block), so you do not alter this article.
Three. Value = "a select All" -> said a select All are words that will appear in the button, so if you want to change this text please replace with the word that you want or like.
Element text area:
1. <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.
2. <text style="WIDTH: 300px"> -> the word "WIDTH: 300px" shows the width of the text area by 300 pixels, so if you want to shorten or extend the width of text area, you just replace them with numbers you want. for example: "WIDTH: 700px;"
3. Three. HEIGHT: 144px -> number "144px" shows that the text area will have a height of 144 px, so if you want to change it live instead of it by the number you want. Example: HEIGHT: 160px.
Sample text area using button highlighted above, includes skript to protect our visitors from the right click. This skript in life if you do not want your writing on the copy and paste by visitors. for interested please copy and put in your HTML code between the code <HEAD> and </ HEAD> good luck and hopefully useful.