html – 如何创建可滚动的文本框?

前端之家收集整理的这篇文章主要介绍了html – 如何创建可滚动的文本框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,该站点具有以下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; ?>">

预先感谢您的任何帮助.

解决方法

尝试用textarea标签替换input type =“text”.

将您的代码更改为:

<textarea class="scrollabletextBox" name="note">
  <?PHP echo $note; ?>
</textarea>

它将数据作为普通输入标记发送,因此您可以从中获取相同方法的数据.

Read more info about textarea tag

猜你在找的HTML相关文章