首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何创建可滚动的文本框?

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

Stack Overflow用户
提问于 2013-08-14 07:51:46
回答 2查看 65.4K关注 0票数 12

目前,该站点有以下css类,用于表单中的备注(较长文本)条目。

代码语言:javascript
运行
复制
.scrollabletextbox {
    height:100px;
    width:200px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 82%;
    overflow:scroll;
}

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

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

代码语言:javascript
运行
复制
<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>">

提前感谢您的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-14 07:57:34

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

将您的代码更改为:

代码语言:javascript
运行
复制
<textarea class="scrollabletextbox" name="note">
  <?php echo $note; ?>
</textarea>

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

Read more info about textarea tag

票数 13
EN

Stack Overflow用户

发布于 2013-08-14 07:57:20

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

代码语言:javascript
运行
复制
<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea>

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

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18221104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档