<html>
<head>
<title>文本框內輸入文字倒計數效果</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
maxLen = 100; //定義用戶可以輸入的最多字數
function checkMaxInput(obj) {
if (obj.value.length > maxLen){ //如果輸入的字數超過了限制
obj.value = obj.value.substring(0, maxLen); //就去掉多余的字
remLen.innerText = '您輸入的內容超出了字數限制'
}
else{
remLen.innerText = '還剩下' + (maxLen - obj.value.length) + '字';//計算并顯示剩余字數
}
}
// End -->
</script>
</head>
<body>
<table border="1" width="40%" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bgcolor="#808080" height="0">
<tr>
<td width="100%"><b><font color=ffffff>倒計數文本框</font></b></td>
</tr>
<tr>
<td width="100%" height="110">
<form name=tickform>
<p align="center">
<textarea name=msgbox rows=5 cols=31 onKeyDown="checkMaxInput(this)" onKeyUp="checkMaxInput(this)" style="background-color: #000000; color: #FFFFFF;overflow:auto"></textarea>
</p>
</td>
</tr>
</form>
<tr>
<td width="100%">
<font align="right" id=remLen><b></b></font>
</td>
</tr>
</table>
</body>
</html>
