<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入文本</title>
</head>
<body>
<p>字数限制在30字内,<span id=span>您还可以输入<b id=bb>30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
var text=document.getElementById('text');
var bb=document.getElementById('bb');
var span=document.getElementById('span');
var count=30,total,br;
document.onkeyup=function(){
total=text.value.length;
bb.innerHTML=count-total;
if(total>30){
span.innerHTML='你已经超出'+(total-count)+'字';
}
}//补充代码
</script>
</body>
</html>
相关分类