textarea 剩余字数demo样例

最新推荐文章于 2021-12-24 16:33:15 发布

原创最新推荐文章于 2021-12-24 16:33:15 发布 · 346 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

3 篇文章

订阅专栏

该博客提供了textarea剩余字数的demo样例，属于前端开发相关内容，可帮助开发者实现文本框剩余字数的显示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<textarea id="summary" rows="6" cols="40" class="form-control"
maxlength="256"
th:placeholder="#{AddSuccessfulCase.inputsummary}"
style="resize: none"></textarea>
<span class="tips">还可以输入<span class="counter1">255</span>字</span>


js
//summary剩余字数计算
var summary = $("#summary").val();
var summaryLength = 255 - summary.length;
$(".counter1").html(summaryLength);
$("#summary").bind("keyup", function() {
countChar('summary', 'counter1', 255);
});


css
.tips {
font-size: 13px;
color: #aaa;
float: right;
}