如何创建可滚动的文本框？

Question

目前,该站点具有以下css类,旨在用于表单中的注释(较长文本)条目.

.scrollabletextbox {
    height:100px;
    width:200px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 82%;
    overflow:scroll;
}

框和其他样式的大小正确注册,但文本从垂直居中开始,从不换行.完全查看文本的唯一方法是向左/向右移动光标.

表单使用以下html(带有一点点php)来实现大文本框

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>">

预先感谢您的任何帮助.

Answer 1

尝试更换input type="text"与textarea标签.

将您的代码更改为:

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

它只是作为普通input标签发送数据,因此您可以从中获取相同方法的数据.

阅读更多关于textarea标签的信息

Answer 2

我会将控件从inputa 切换到a textarea,它将执行您默认请求的功能.

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

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