我們知道文本框可以有一個(gè)為maxlength的屬性,可以限制文本框的長(zhǎng)度,當(dāng)時(shí)備注框textarea卻沒(méi)有,那么
要怎樣限制備注框的長(zhǎng)度呢?其實(shí)很簡(jiǎn)單,只有加上想這樣一句話onKeyDown='if (this.value.length>=20){event.returnValue=false}'
就可以了,整個(gè)寫法如下:
<textarea name="A" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'>aaaa</textarea>
我們也可以將判斷寫在函數(shù)中,如果輸入的長(zhǎng)度超過(guò)顯示,就顯示提示信息,如下:
<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("輸入的備注框長(zhǎng)度不能超過(guò)20個(gè)字符!");
return false;
}
return true;
}
</script>
textarea隨文字大小多少而動(dòng)態(tài)改變高度
<textarea rows=1 name=s1 cols=27 style="height:expression(this.style.posHeight=this.scrollHeight)"></textarea>
去掉滾動(dòng)條
STYLE="overflow:hidden"