当前位置：煜阳网站建设 > 新闻资讯 > 常见问题

建设网站时textarea文本域字数控制---并显示已输入字数怎么实现昵

2019-12-24 23:46 admin

　　建设网站时textarea文本域字数控制---并显示已输入字数怎么实现昵？下面由我们的煜设计师整理出了以下代码，仅供参考，字段请对应的修改成您的内容哦。

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

<script

src="http://code.jquery.com/jquery-1.4.1.js"></script>

//字数限制

window.onload = function() {

//（document）

document.getElementById('note').onkeyup = function() {

document.getElementById('text-count').innerHTML=this.value.length;

}

//（jquery）

$('#note2').keyup(function() {

// var val=$('#note2').val();

// var len=val.length;

var len=this.value.length

$('#text-count2').text(len);

})

}

</script>

<div>

<textarea cols="40" rows="5" id="note"

name="note" maxlength="100" value=""

onkeyup="this.value=this.value.substring(0, 100)"

placeholder="最多可输入100字"></textarea><span id="text-count" value="">0</span>/100

</div>

<div>

<textarea cols="40" rows="5" id="note2"

name="note2" maxlength="100" value=""

onkeyup="this.value=this.value.substring(0, 100)"

placeholder="最多可输入100字"></textarea><span id="text-count2" value="">0</span>/100

</div>

</body>

</html>

Tag：怎么建设网站

返回首页上一篇：采用phpstudy pro-8集成建设测试的网站系统的mysql无法启动下一篇：wordpress如何进行仿站的网站建设呢

联络方式：

13363039260

微信二维码

您感兴趣的内容

13363039260

建设网站时textarea文本域字数控制---并显示已输入字数怎么实现昵

猜你喜欢

热门话题：

联络方式：

13363039260

Eyoucms二级指定栏目文章调用标签

删除时确认

肥乡网站建设哪家好

微信网页版登陆地址

eyoucms导航三级栏目输出标签

客服QQ