Scroll Box HTML Code

A lot of people want to know how to make scroll box to display an html or css code on your page. For example, a lot of people use this for their support code. NOTE: my scroll boxes here have a background and a border, which you can add within your CSS stylesheet. Your boxes will look a little different. I will teach you how to format your scrollboxes/textareas with CSS in the next tutorial!

The html tag for it is called <textarea>

This code below:

<textarea>YOUR CODE HERE</textarea>

Will result into this:

YOUR CODE HERE

Now this tag starts scrolling automatically when you have a lot for content.

<textarea>YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE</textarea>

and will look like this:

YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE YOUR CODE HERE

You can also determine how large or small you want to box to be by adding the column and row span.

<textarea cols=”10″ rows=”5″></textarea>

Which will look like this:

Or you use this one:

<textarea cols=”5″ rows=”10″></textarea>

Which will look like this:

I hope you enjoyed this little tutorial!