Forms>> HTML TextArea Tag - (PART_33)

Topic:

How to create a big text field?
How to set the size of textarea?

How to disable text area?

TextArea

Code:
<form name=myform>
<textarea name=mytextarea>
This is a text area ...........
</textarea>
</form>

Result:

This is a text area ...........

Definition:
Here we define the text area using "textarea" tag. What ever you want to be displayed in side textarea should be given in between the textarea's open and close tags as shown in the example. This will take the default size.


Setting TextArea Size
The text area size is determined using the attributes "rows" and "cols". You can change the size of text area by changing the values of rows and cols. 

Example Code:
<form name=myform>
<textarea name=mytextarea cols=35 rows=3>
This is a text area example...........
</textarea>
</form>

Result:

This is a text area example ...........

Non Editable Text Area
We can make a test area non selectable (i.e user cant edit the field) using the entry "readonly" 

Example Code:
<form name=myform>
<textarea name=mytextarea cols=5 rows=5 readonly>
This is a text area ...........
</textarea>
</form> 

Result:

This is a text area ...........