当前位置：首页 → 问答吧 → 被TextArea快搞疯了，求助！

被TextArea快搞疯了，求助！

时间：2011-12-09

来源：互联网

一个变态的客户一定要要求一个TextArea里面显示400个字符，而且初始化的时候不能出现滚动条。
试过两个方案：
1.用像素固定TextArea的大小，让他刚好能显示400个字符，但是当输入的字符超过400个，就会出现滚动条，而且占据了TextArea的一部分空间，也就是说这个TextArea不能显示400个字符了。

2.用cols，rows控制TextArea的大小，但是这样除非是一致显示滚动条，或者是一致隐藏滚动条，否则起不到限制显示字符数量的作用。

有什么好的办法吗？

作者: sytdeedee 发布时间: 2011-12-09

既然客户要求TextArea里面显示400个字符，那为什么还会有输入字符超过400的情况？

作者: p2227 发布时间: 2011-12-09

给你个样式参考：
<style>
TEXTAREA.content {
BORDER: 0px;
OVERFLOW: visible;
WIDTH: 480px;
BACKGROUND-COLOR: transparent
}
</style>
你控制一下textarea的内容部分，估摸着400个字符吧！！在超过400个字符的时候怎么也不会出现滚动条，试试。

作者: missgd152 发布时间: 2011-12-09

引用 1 楼 p2227 的回复:

既然客户要求TextArea里面显示400个字符，那为什么还会有输入字符超过400的情况？

就是这样要求的呀，只显示400，但是输入的没有限制

作者: sytdeedee 发布时间: 2011-12-09

引用 2 楼 missgd152 的回复:

给你个样式参考：
<style>
TEXTAREA.content {
BORDER: 0px;
OVERFLOW: visible;
WIDTH: 480px;
BACKGROUND-COLOR: transparent
}
</style>
你控制一下textarea的内容部分，估摸着400个字符吧！！在超过400个字符的时候怎么也不会出现滚动条，……

但是没有滚动条也是不行的呀，超过400个的场合就要用光标去移动了呀。这样也不行。5555555555

作者: sytdeedee 发布时间: 2011-12-09

一开始用div显示那400个字，把div做成textarea的样式。

当用户想输入时

做js事件，当点击div，就把div隐藏，弄个textarea放原来的地方，把div的内容放textarea里。让他随便输入。

不知道这样是不是就行了？

作者: yusongkun 发布时间: 2011-12-09

引用 5 楼 yusongkun 的回复:

一开始用div显示那400个字，把div做成textarea的样式。

当用户想输入时

做js事件，当点击div，就把div隐藏，弄个textarea放原来的地方，把div的内容放textarea里。让他随便输入。

不知道这样是不是就行了？

这个方法靠谱

作者: ganlu423 发布时间: 2011-12-09