给textarea增加长度的限制
我们知道文本框可以有一个为maxlength的属性，可以限制文本框的长度，当时备注框textarea却没有，那么 要怎样限制备注框的长度呢？其实很简单，只有加上想这样一句话onKeyDown='if (this.value.length=20){event.returnValue=false}' 就可以了，整个写法如下： textarea
要怎样限制备注框的长度呢？其实很简单，只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'
就可以了，整个写法如下：
<textarea name="A" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'>aaaa</textarea>
我们也可以将判断写在函数中，如果输入的长度超过显示，就显示提示信息，如下：
<html>
<body>
<form name = "testform">
<textarea name="A" cols="45" rows="2" >aaaa</textarea>
<input type="button" onclick = "checkValid()" value= "提交">
</form>
</body>
</html>
<script language="javascript">
function checkValid()
{
var a = document.testform.A;
if(a.value.length > 20)
{
alert("输入的备注框长度不能超过20个字符!");
return false;
}
return true;
}
</script>
顶一下
(10)
76.9%
踩一下
(3)
23.1%
- 上一篇：HTML中实现右键菜单功能
- 下一篇：从基础开始:CSS实用教程（一）
- 最新评论 查看所有评论
-
- 发表评论 查看所有评论
-
2012 cheap ugg ugg uggs uggs ugg ugg uggs ugg ugg ugg uggs boots ugg ugg UGGS boots uggs boots. tory burch shoes tory burch outlet for sale.
- 黑客选择CSS挂马 CSS挂马攻防实录
- 正确地利用css改进网站设计的3个技巧
- CSS网页设计参考:把HTML标记分类
- CSS进阶:几个Reset CSS的八卦问题
- Canvas教程(4):Using images应用图像
- Canvas教程(3):Drawing shapes绘制图形
- Canvas教程(2):基本用法
- HTML5教程(1):HTML5的Canvas概述
- 使用CSS开发时髦的导航栏（五）
- 使用CSS开发时髦的导航栏（四）
- 使用CSS开发时髦的导航栏（三）
- 使用CSS开发时髦的导航栏（二）
- 使用CSS开发时髦的导航栏（一）
- XHTML入门学习教程:简单网页制作
- HTML网页图片标记<IMG>学习教程