<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript">
window.onload=function(){
var span=document.getElementsByTagName('span')[0];
var text=document.getElementsByTagName('textarea')[0];
var int=30;
text.onkeydown=text.onkeyup=function(){
var val=this.value;
var length=val.length;
if(length>int){
var newval=val.substr(0,30);
var length=int;
this.value=newval;
}
span.innerHTML="您一共可以输入"+int+"个字,现在已经输入"+length+"个字,还剩"+(int-length)+"个字";
}
}
</script>
</head>
<body>
<span>您一共可以输入30个字,现在已经输入0个字,还剩30个字</span>
<textarea>
</textarea>
</body>
</html>
输入内容的时候显示还可以输入多少字
需积分: 10 6 浏览量
2016-02-15
20:44:22
上传
评论
收藏 719B ZIP 举报
qq_30204089
- 粉丝: 0
- 资源: 7