It seems almost everyday I get an email from somebody asking me how to make that little box to make a code so the code doesn't actually work. Well here you are all, a tutorial just for you!

If you have a website or a place you want to stick html codes for others, knowing about textareas is very important. They are really simple to use, too!

Your simple textarea is a standard-sized box with a scrollbar if needed. This is the code:

<textarea><br /> Look at my textarea! Isn't this neat?<br /> I love to just scroll all day!<br /> </textarea>

When I use it looks just like this:

That is pretty simple, right? Right!
Remember on Neopets to use text_area istead of textarea.

Now let is change the size of our textarea. Can we do that? Sure we can. It is really simple, too. We just need to decide how many "rows" and how many "cols" we want. Let is try 6 "rows" and 40 "cols".

<textarea rows="6" cols="40"><br /> Now that is a big textarea! Now that is a big textarea!<br /> Now that is a big textarea! Now that is a big textarea!<br /> Now that is a big textarea! Now that is a big textarea!<br /> Now that is a big textarea! Now that is a big textarea!<br /> </textarea>

When we use that code, we get this:

How about a small textarea? Let is see one!

So now we know how to make a textarea any size we want. But can we decorate it? Sure we can. There are two different ways to do this.

First: We can add a .textarea to our style and add fonts and scrollbars to it! Just make sure to add a full .textarea with enclosed brackets and all that jazz.

Second: We can add style directly to our textarea! Just do something like this:

<br /> <textarea style="STYLE GOES HERE">TEXT</textarea>

You can add any style elements you wish to it.

I hope this has helped you understand scrollbars a little better! If you have any more questions, just toss me an email.