电脑软硬件应用网
当前位置： 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
如何限制表单textarea的文字输入量
如何限制表单textarea的文字输入量
2007-1-9 17:41:20　　文/龙犊整理 　　出处:天极网 　　

　　一般情况下TextArea区输入的文字数量是没有限制的，但是我们可以通过javascript限制表单的文字字数。
　　如下javascript代码加入html的<head>...</head>之间：

以下是引用片段：
<SCRIPT LANGUAGE="JavaScript"> 
<!--// 
function textCounter(field, countfield, maxlimit) { 
// 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制； 
if (field.value.length > maxlimit) 
//如果元素区字符数大于最大字符数，按照最大字符数截断； 
field.value = field.value.substring(0, maxlimit); 
else 
//在记数区文本框内显示剩余的字符数； 
countfield.value = maxlimit - field.value.length; 
} 
//--> 
</SCRIPT> 

　　如下是表单：

以下是引用片段：
<form name=myform action=""> 
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"> 
</textarea> 
<br> 
尚能输入 
<input readonly type=text name=remLen size=4 maxlength=3 value="125"> 
个字符</div> 
</form>
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页？rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号