Adding a Text Area

If you want to add a text area, which is basically a text box that has predefined text and when text is entered into it does nothing: all you have to do is add this code:

<p align="center"><textarea cols="35" rows="3" name="NAME">TEXT HERE</textarea></p>

This one will look like this:

This is the text that will apper in the text box, and it will be quite easyly copied.

You can change the "cols" and "rows", which are actually columns and rows, value to suit your needs. The "TEXT HERE" is what is going to appear in the text box when the page is loaded, so that is the text that should be displayed. And the alignment can be changed to right and left besides center.

If you take a look at my link back page you will notice that I used text areas there too. Since I realized that CSS styles could be used for just about anything I actually modified it with styles to fit the column. I also changed the border type and color to blue and dotted. Moreover I made a 8px top margin for each. In addition I also resized the text to 10px and changed the font to Arial Narrow thus allowing me to fit more text inside a text area of the same size. The code of the style for that text area is given below:

.code {
  text-align: left;
  font-size: 10px;
  font-family: "arial narrow";    
  height: 30px;
  margin-top: 8px;
  border: 1px dotted blue;
}

This is actually the code included inside the <style> tags for that page. You can however include it inline with the tags for the text area. The code above "translated" into inline format is give below:

style="text-align: left; font-size: 10px; font-family: "arial narrow" 

height: 30px; margin-top: 8px; border: 1px dotted blue;

This of course has to be in a single line inside the text area tag. The new code for the text area above with the style that I used is shown below:

<p align="center"><textarea cols="35" rows="3" name="NAME" 
style="text-align: left; font-size: 10px; font-family: "arial narrow"height: 30px; margin-top: 8px; border: 1px dotted blue;>TEXT HERE</textarea></p>

Needless to say that all this should be pasted/written into the [edit HTML] window of your GPC editor. You also might need to remove the empty lines in the code. The text area with the code above is demonstrated here:

TEXT HERE