TextArea字符限制器,TextArea背景作为实时计数器

时间:2009-05-18 16:05:19

标签: javascript

我正在研究一种解决方案,当您在TextArea中键入文本时,它应该通知用户剩下多少字符要输入。就像你只能输入200或其他东西。这很容易,但我希望计数器将显示在TextArea的背景中而不是单独的位置。

我知道我可以更改TextArea的背景图像但是如何将Text显示为textarea的背景,该文本区域已褪色或具有不透明度0.4 / 0.5。一种解决方案是制作大量图像,然后在用户键入字符时更改图像。我不认为我想去那条路,因为它会迫使我创建200张图像。

2 个答案:

答案 0 :(得分:3)

你可以将它包装在div中然后使textarea透明然后将文本放在它后面的div中。你需要将textarea绝对放在div中。

这也会起作用

<div style="position:relative; width:500px; height:500px; ">
150
    <textarea style="position:absolute; background-color:transparent; top:0; left:0; width:500px; height:500px;"></textarea>
</div>

你必须修改div和边距以及东西的文本颜色。

答案 1 :(得分:0)

您是否尝试过使用jQuery执行此操作?这是一篇关于如何使用javascript和css进行(水印)的文章。

http://updatepanel.net/2009/04/17/jquery-watermark-plugin/