JS代码:
function checkContentKeyUp(){ var content=document.getElementById('content'); var length=content.value.length; var contentMsg = document.getElementById('contentMsg'); contentMsg.innerHTML = "您已输入<font color='red'>" + length + "</font>字符,还可输入<font color='red'>" + (70 - length) + "</font>字符。"; }
页面部分代码:
<table> <tr> <td valign="top" align="right">内容:</td> <td align="left"> <textarea id="content" name="content" style="background:#ffffff;" mce_style="background:#ffffff;" cols="30" rows="5" οnkeyup="checkContentKeyUp();"> </textarea> </td> <td align="left" valign="top" style="font-size:12px;"> <span id="contentMsg"> <font color="#f18732">内容限70字内</font> </span> </td> </tr> </table>
效果如下图: