textarea输入框限制字数（JS）

第一种:

<div>您还可以输入 <span id="count">200</span> 个文字</div>

function checkLen(obj) {

var maxChars = 200;//最多字符数

if (obj.value.length > maxChars) obj.value = obj.value.substring(0,maxChars);

var curr = maxChars - obj.value.length;

document.getElementByIdx_x("count").innerHTML = curr.toString();

}

</script>

第二种:

<textarea onpropertychange="if(value.length>100) value=value.substr(0,100)" class="smallArea" cols="60" name="txta" rows="8"></textarea>

第三种:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>JS限制textarea输入框输入字数</title>

<!--function checktext(text){

allValid = true;

for (i = 0; i < text.length; i++) {

if (text.charAt(i) != " ") {

allValid = false; break;

}

return allValid;

}

function gbcount(message,total,used,remain){

var max;max = total.value;

if (message.value.length > max) {

message.value = message.value.substring(0,max);

used.value = max;

remain.value = 0;

alert("留言不能超过 200 个字!");

}else {

used.value = message.value.length;

remain.value = max - used.value;

}

-->

</script>

<!--* {padding:0; margin:0;}

body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}

fieldset {padding:10px; width:550px; margin:0 auto;}

legend {font-size:14px; font-weight:bold;}

.inputtext {border:none; background:#fff;}

--></style>

</head>

<body>

<legend>请输入内容</legend>

<textarea name="Memo" rows="10" wrap=PHYSICAL cols="75"

onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea>

<p>最多字数:

<input disabled maxLength="4" name="total" size="3" value="200" class="inputtext">已用字数:

<input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">剩余字数:

</p>

</fieldset>

</form>

</body>

</html>

http://jingyan.baidu.com/article/76a7e409b8cf30fc3b6e15e2.html

转载于:https://www.cnblogs.com/seasonzone/p/4968273.html

textarea输入框限制字数（JS）相关推荐

textarea 输入框限制字数
在input标签中,只需要设置maxlength="*"即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会支持 ...
textarea输入框实时统计字数（可统计中文，英文字数）
textarea输入框实时统计字数(可统计中文,英文字数) 效果图如下所示: html部分: <textarea name="des" id="" ro ...
KindEditor 4 输入框限定字数
jquery 1.6.4 html 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
实现textarea限制输入字数
2019独角兽企业重金招聘Python工程师标准>>> textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同, ...
textarea还剩余字数统计
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
texearea 限制字数_实现textarea限制输入字数
实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框t ...
texearea 限制字数_js实现textarea限制输入字数
实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框t ...
iOS即时通讯输入框随字数自适应高度
代码地址如下: http://www.demodashi.com/demo/13210.html 前言本人最近在研究socket与聊天界面的UI,在写聊天界面UI的时候是模仿微信的界面其中的文字输入 ...
input/textarea 输入框点击有边框解决方法
input/textarea 输入框点击出现类似以下的默认边框第一种方法(直接添加样式) input{outline: none;} 第二种方法(控制聚焦时不出现边框) input:focus{ou ...

textarea输入框限制字数（JS）

textarea输入框限制字数（JS）相关推荐

最新文章

热门文章