当前位置: 代码迷 >> HTML/CSS >> 怎么控制<textarea></textarea>的最大输入字符数
  详细解决方案

怎么控制<textarea></textarea>的最大输入字符数

热度:1631   发布时间:2012-02-22 19:36:54.0
如何控制<textarea></textarea>的最大输入字符数?
JS如何控制<textarea></textarea>的最大输入字符数?

比如我限定该文本区域最大字符数为10
要做到:
1.键盘输入十个字符后就不能再输入了.
2.复制粘贴的时候也只能粘十个字符
3.mouse选定其它一串字符拖入文本区域的时候也限定十个字符.

------解决方案--------------------
监控键盘输入,配合js使用,输入一个判断一下,或者使去焦点时判断,多于个数时多余的置空
------解决方案--------------------
function checkInput(){ 
var content = formName.textAreaName.value; 
if(content.length() > 10){ 
alert( "请输入10字符以内的文字! "); 

}
------解决方案--------------------
HTML code

<html>
 <head>
  <title>测试专用页
  </title>
 </head>
 <body>
  <form method=post name=ceshi action="index.htm">
   <textarea name=textarea1 onpropertychange=checkMaxLen(this,20,0)></textarea>
  </form>
 </body>
<html>
 <script language=javascript>
  var oldValue=new Array();
  function checkMaxLen(obj,maxlength,num){
   if(obj.value.length>maxlength){
    obj.value=oldValue[num];
   }
   else{
    oldValue[num]=obj.value;
   }
  }
 </script>

------解决方案--------------------
总体思路就是使用js做check和控制。
------解决方案--------------------
http://www.it560.com/design/htmlcss/
有详细介绍,希望对你有帮助
------解决方案--------------------
直接设置不是更方便吗?干嘛非要使用JS来判断啊?
------解决方案--------------------
1)textarea标签是成对出现的,以<textarea>开始,以</textarea>结束 
属性: 
Common -- 一般属性 
cols -- 多行输入域的列数 
rows -- 多行输入域的行数 
alt -- 代表表单的提示文字,当鼠标停留时 
accesskey -- 表单的快捷键访问方式 
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用 
readonly -- 输入域可以选择,但是无法修改 
tabindex -- 输入域,使用"tab"键的遍历顺序 




<textarea cols=“ 你要的多少字”> </textarea>
------解决方案--------------------
<textarea onkeypress="正则表达式"> </textarea>
  相关解决方案