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

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

我会将控件从 a 切换input到 a textarea，这将默认执行您请求的功能。

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

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