效果:
input:
textarea:
源碼:
input: <input name="textfield" type="text" maxlength="20" value="請輸入文字.." onfocus="if (value =='請輸入文字..'){value =''}" onblur="if (value ==''){value='請輸入文字..'}" /> <br><br> textarea: <textarea cols="50" rows="5" id="textarea" onKeyDown="textdown(event)" onKeyUp="textup()" onfocus="if(value=='限100字'){value=''}" onblur="if (value ==''){value='限100字'}">限100字</textarea> <SCRIPT type="text/javascript"> function textdown(e) { textevent = e; if (textevent.keyCode == 8) { return; } if (document.getElementById('textarea').value.length >= 100) { alert("大俠,手下留情,此處限字100") if (!document.all) { textevent.preventDefault(); } else { textevent.returnValue = false; } } } function textup() { var s = document.getElementById('textarea').value; //判斷ID為text的文本區域字數是否超過100個 if (s.length > 100) { document.getElementById('textarea').value = s.substring(0, 100); } } </SCRIPT>