点击输入框文字消失，统计输入框文字并限制

最新推荐文章于 2022-07-22 16:53:44 发布

nu11大人

最新推荐文章于 2022-07-22 16:53:44 发布

阅读量371

点赞数

分类专栏： input

本文链接：https://blog.csdn.net/u010565174/article/details/46909249

版权

input 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

最多输入50个字

 <span id="Content_Num">0/50</span>

<textarea class="textarea" maxlength="50" onFocus="chg_1(this)" onBlur="chg_2(this)" οnkeydοwn=countChar("Content","Content_Num"); οnkeyup=countChar   
("Content","Content_Num");  id="Content" name="Content">一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五</textarea>

<script language="javascript">   
function textareastrlen(str)//统计文本区域字数函数
{   
 var len;   
 var i;   
 len = 0;   
 for (i=0;i<str.length;i++){   
   if (str.charCodeAt(i)>255){   
     len+=2;    
    }else{   
     len++;   
    }   
  }   
 return len;   
}   
function countChar(textareaName,spanName)//显示文本区域字数函数   
{   
 document.getElementById(spanName).innerHTML=document.getElementById(textareaName).value.length+"/"+50;   
}   

function chg_1(id)
 {
  if(id.defaultValue!='')
  {
  id.value="";
  id.type=="text";
  }
 }
 function chg_2(id)
 {
   if(id.value=='')
   id.value=id.defaultValue;
 }
 </script>