How do I create a scrollable textbox?

Question

Currently, the site has the following css class that is intended to be used for note (longer texts) entries in a form.

.scrollabletextbox {
    height:100px         


        

Answer 1

Try replacing input type="text" with textarea tag.

Change your code to:

<textarea class="scrollabletextbox" name="note">
  <?php echo $note; ?>
</textarea>

It sends data just as a normal input tag, so you can get data from it with the same methods.

Read more info about textarea tag

Answer 2

I would switch the control from an input to a textarea, which will perform the functionality you request by default.

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea>

JSFIDDLE: http://jsfiddle.net/rJy94/