好资源导航 » 文章资讯 » javascript文本框内输入文字倒计数的方法

javascript文本框内输入文字倒计数的方法

2024-04-04 02:52:03 333

本文实例讲述了javascript文本框内输入文字倒计数的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<head>

<title>文本框内输入文字倒计数效果</title>

<SCRIPTLANGUAGE="JavaScript">

<!--Begin

maxLen=100;//定义用户可以输入的最多字数

functioncheckMaxInput(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>

<tableborder="1"width="40%"cellspacing="0"cellpadding="0"bordercolorlight="#000000"bgcolor="#808080"height="0">

 <tr>

 <tdwidth="100%"><b><fontcolor=ffffff>倒计数文本框</font></b></td>

 </tr>

 <tr>

 <tdwidth="100%"height="110">

  <formname=tickform>

   <palign="center">

    <textareaname=msgboxrows=5cols=31onKeyDown="checkMaxInput(this)"onKeyUp="checkMaxInput(this)"style="background-color:#000000;color:#FFFFFF;overflow:auto"></textarea>

   </p>

  </td>

 </tr>

</form>

 <tr>

 <tdwidth="100%">

  <fontalign="right"id=remLen><b></b></font>

 </td>

 </tr>

</table>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

javascript文本框内输入文字倒计数的方法

热门推荐

随机推荐