textarea输入字数计算

最新推荐文章于 2023-04-13 17:34:42 发布

ykyfendou

最新推荐文章于 2023-04-13 17:34:42 发布

阅读量377

点赞数

分类专栏：开发总结 html 文章标签： textarea 文本框输入字数计算

本文链接：https://blog.youkuaiyun.com/u011374091/article/details/84623487

版权

开发总结同时被 2 个专栏收录

39 篇文章

订阅专栏

html

23 篇文章

订阅专栏

样式：

HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>


<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="OK" οnclick="cha()"></div>
<script language="javascript">
<!--
var ppl=70//每条长
var maxl=200//总长
document.οnkeydοwn=function(){
   var s=document.getElementById("b").value.length +1;
   if(s>maxl)document.getElementById("b").value=document.getElementById("b").value.substr(0,maxl-1)
   else document.getElementById("a").innerHTML="已输入："+s+"/"+maxl+" 字符"
}
function cha(){
var txt=document.getElementById("b").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("b").value=""
document.getElementById("a").innerHTML="已输入字符: "
}
//-->
</script></font>


</body>
</html>