谁能帮我实现这种的功能TEXTAREA？

tland 2004-11-10 04:57:03
我有一个备注字段，记录了每个用户填写的备注信息，内容形如：“用户A 20041012 ...；用户B 20041015 ...；”，用户每次填写的备注信息一直往后追加

现在我想用一个TEXTAREA显示这个字段的内容，已有的备注信息用户不可编辑（最好能用不同颜色显示），用户只能在后面输入新的备注信息？

不知道有没有说清楚？哪位大侠能帮我？
...全文
213 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
tland 2004-11-11
  • 打赏
  • 举报
 回复
多谢楼上各位

结贴..
是是非非 2004-11-10
  • 打赏
  • 举报
 回复
强化版的
<?xml version="1.0" encoding="gb2312" standalone="no" ?>
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
<!--
body{padding:0px;margin:0px;background-image:url(/images/PositionBG.gif);}
div,textarea {font-size:12px;}
-->
</style>
<script language="JavaScript">
<!--
function Point(){
try{this.X=parseInt(arguments[0])}catch(e){this.X=0;}finally{if(this.X!=this.X) this.X=0;}
try{this.Y=parseInt(arguments[1])}catch(e){this.Y=0;}finally{if(this.Y!=this.Y) this.Y=0;}
try{this.W=parseInt(arguments[2])}catch(e){this.W=0;}finally{if(this.W!=this.W) this.W=0;}
try{this.H=parseInt(arguments[3])}catch(e){this.H=0;}finally{if(this.H!=this.H) this.H=0;}
}
function GetAbsPosition(e){
var l,t,w,h;
l=0;t=0;
w=e.offsetWidth;
h=e.offsetHeight;
while(e){
l+=parseInt(e.offsetLeft);
t+=parseInt(e.offsetTop);
e=e.parentElement;
}
return new Point(l,t,w,h);
}
function alignDivAndText(oTxt,oDiv){
//debugger;
var r=GetAbsPosition(oTxt);
oDiv.style.left=r.X;
oDiv.style.top=r.Y;
oDiv.style.width=r.W;
var r1=GetAbsPosition(oDiv)
oTxt.style.height=r1.H+100;
oTxt.style.paddingTop=r1.H;
}
-->
</script>
<title></title>
</head>
<body>
<div id="haha" style="position:absolute;z-index:9">
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
</div>
<textarea name="tst" cols="50" rows="15" style="position:absolute;left:100px;top:100px;">aaaaaa</textarea>
<script>
alignDivAndText(document.all('tst'),document.all('haha'));
</script>
</body>
</html>
是是非非 2004-11-10
  • 打赏
  • 举报
 回复
<?xml version="1.0" encoding="gb2312" standalone="no" ?>
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
<!--
body{padding:0px;margin:0px;background-image:url(/images/PositionBG.gif);}
div,textarea {font-size:12px;}
-->
</style>
<script language="JavaScript" src="/Script/Default.js"></script>
<script language="JavaScript">
<!--
function alignDivAndText(oTxt,oDiv){
var l=oTxt.offsetLeft;
var t=oTxt.offsetTop;
var w=oTxt.clientWidth;
var h=oDiv.clientHeight;
oDiv.style.left=l;
oDiv.style.top=t;
oDiv.style.width=w;
oTxt.style.paddingTop=h;
oTxt.style.height=h+100;
}
-->
</script>
<title></title>
</head>
<body>
<div id="haha" style="position:absolute;z-index:9">
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
</div>
<textarea name="tst" cols="50" rows="15" style="position:absolute;left:100px;top:100px;">aaaaaa</textarea>
<script>
alignDivAndText(document.all('tst'),document.all('haha'));
</script>
</body>
</html>
JK_10000 2004-11-10
  • 打赏
  • 举报
 回复
上帝要犯错的时候
摩西还直言劝止呢

用户脑子有问题就尝试给他提个醒
总不能最后做出来的结果，
只符合提这个“创意”的人的习惯，而其它的人都横竖看不顺眼。



自适应大小的textarea:
<head>
<style>
.textareaWidthoutBorder
{
height : expression(this.scrollHeight+5);
overflow : hidden;
}

</style>

</head>

<body bgcolor=efefef>

<textarea class=textareaWidthoutBorder style="width:200" readOnly >将内容忠实显示
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
fdsa</textarea>



</body>
tland 2004-11-10
  • 打赏
  • 举报
 回复
根据文本的长度自动调节TEXTAREA的大小可行吗？

tland 2004-11-10
  • 打赏
  • 举报
 回复
没办法啊，用户脑子有问题，要求这样比较美观

本身原来就没考虑到要保存多个用户的备注信息，现在才提出来，没办法现在只能暂这样保存

我是想能不能把两个TEXTAREA并在一起，上面一个TEXTAREA显示旧信息，能否根据旧信息的长度自适应大小？下面一下输入新信息，这样视觉上也像是在一个TEXTAREA里

JK_10000 2004-11-10
  • 打赏
  • 举报
 回复
把旧信息放在textarea外有什么不合要求或不合习惯吗？


<table border="1" >
<tr>
<td>已有备注</td>
<td>
用户A 20041012 ...；<br>
用户B 20041015 ...；</td>
</tr>
<tr>
<td>添加备注</td>
<td><textarea></textarea></td>
</tr>
</table>
孟子E章 2004-11-10
  • 打赏
  • 举报
 回复
不可以。只可以把以前的与新输入的分开，放2个地方
tland 2004-11-10
  • 打赏
  • 举报
 回复
自己先顶一下
React div 实现一个 textarea
原文：codesky.me/archives/re… 用掘金刊登虽然分流了但是主要是！现在分享的曝光率实在太低了！！所以…………↑支持的请点下原博收藏下关注下以及我的微博。 看到标题，老爷们肯定不满意，切，用 div 实现一个 textarea 有啥难度，不就是 contenteditable 吗？ 看到 React，又要多加一句：切，跟用什么库有什么关系。实际上在使用的时候，我还是遇到了一点...
CSS textarea高度自适应的另类实现（HTML5 contenteditable）
介绍 textarea相较于input输入框多了换行的功能。 但是有些场景设计下（尤其是移动H5的需求），希望输入框高度开始只有一行高，输入文字换行后，高度自动撑开。这个时候使用textarea就显得不那么好用了 经过一段时间百度，许多资料都说使用js来获取textarea的滚动条的高度信息，动态计算和调整textarea的高度。 问题 这种方法的问题是，它是基于类似监听滚动条是否出现来控制textarea高度变化。在输入文字的时候，换行若文字超过高度，则滚动条出现，然后触发js调整高度。 然而
使用 div 自定义 input 和 textarea
使用 contenteditable="true" 属性，可以实现一个高度自定义、功能强大的输入框，克服原生 input 和 textarea 的局限性。
显示html标签的textarea字数,JavaScript中统计Textarea字数并提示还能输入的字符
现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。如果实现这种技术呢，我进行了一些研究，发现实现其实挺简单，几行代码就能完成输入字符统计功能，经过实际测试，其对文字的统计与Twitter等微博客的完全相同。使用方法是，先增加一个span，用于显示...
JavaScript中实现统计Textarea的字数
使用方法是，先增加一个span，用于显示剩余的字数，然后在Textarea中，加入一个onkeydown和onkeyup的事件，调用另一段JavaScript函数，函数调用的参数为span的id和textarea的id，然后再JavaScript中使用innerHTML返回计算出来的剩余字数。
JavaScript

87,997

社区成员

224,709

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章