The main purpose of the <textarea> tag is to create a window that can be adjusted. It can be adjusted by not height and width. This tag is really not overly complex to figure out and there really isn’t a lot to say about it. This in my honest opinion is one of the easiest items to learn as far as creating forms go. I could dare say easy like the basics. What I’m going to show you is a sample of what it looks like and try it with different sizes after that. I should also point out that you need every attribute as there are no optional tools in this case.

List of <textarea> tag attributes
Textarea Basic tag needed for this format. Close tag is needed.
name Used for the header of the form.
cols Mainly used for width purposes. Width in symbols.
rows Mainly used for height purposes. Height in symbols.
readonly Text area can not change by user.

Examples

<textarea name=”message” >Text in textarea</textarea>

Simple textarea with a pre-entered text.

<textarea name="message" cols="30" rows="5"></textarea>

Textarea with determined width and height

<textarea name="message" cols="30" rows="5" readonly>
Read only text
</textarea>

Read only textarea.

Again, this is pretty simple and straightforward so you don’t have to be too fancy. As for the cols and rows, make sure to have them set at the best format to work with the forms.

HTML Forms menu.