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

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

尝试用textarea标签替换input type="text" 。

将您的代码更改为：

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

它像普通的input标签一样发送数据，因此您可以使用相同的方法从中获取数据。

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

Answer 2

我会将控件从input切换到textarea ，默认情况下它将执行您请求的功能。

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

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