How to Create Text Area

Written By mohamad erlan efarda on Saturday 16 March 2013 | 21:26


image
Text area? what is it? 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. Textarea no effect with html code, so that we can put html code without the first parse. There are 2 text area which I will explain here, the first is a text area with no button highlights and the text area to highlight button. with the highlight button will allow visitors to copy text that is inside the text area without blocking the text.

To create a text area, please copy the code below:
<p align="center"><textarea name="code" rows="6" cols="20"> Write your text that you want here, you can put html code here </textarea></p>

so the result is
<textarea cols="20" name="code" rows="6"> Write your text that you want here, you can put html code here</textarea></div>
Explanation:
Rows is the height of text area, you can change it to value that you want
Cols is the width of text area, change it to value that you want

To create a text area using Highlight, please copy the code below:
<div><form name="copy"><div align="<span style="color: red;">center"><input onclick="[removed]this.form.txt.focus();this.form.txt.select();"
type="button" value="<span style="color: red;">Highlight All"> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: <span style="color: blue;">300px; HEIGHT: 144px" name="txt"
rows="100" wrap="VIRTUAL" cols="55">Write your text that you want here, you can put html code here</textarea></p></div></form>

And the result is
<form name="copy"><div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Write your text that you want here, you can put html code here</textarea></div></form></div>
Explanation:
You can change the blue code with value that you want, and the red code is the value of highlight element

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...