<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入文本</title>
</head>
<body>
<p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
var p=document.getElementsByTagName('p')[0];
var tex=document.getElementById('text');
var b=document.getElementsByTagName('b')[0];
var span=document.getElementsByTagName('span')[0];
tex.onkeyup=function (){
var len=tex.value.length;
if (len>30) {
span.innerHTML='你已超出'+(len-30)+'字';
}else{
span.innerHTML='你还可以输入'+(30-len)+'字';
}
}
</script>
</body>
</html>
效果图：
