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标记发送，因此您可以从中获取相同方法的数据。

Read more info about textarea tag

Answer 2

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

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

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

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

2 个答案: