inupt textarea提示文字(点击消失,不输入恢复)及限制字数
2013-03-18 13:27
555 查看
效果:
input:
textarea:
源码:
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>
相关文章推荐
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)
- inupt textarea提示文字(点击消失,不输入恢复)
- inupt textarea提示文字(点击消失,不输入恢复)
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- 输入框有提示,点击消失,字数限制
- ios开发之--实现TextView提示文字并且输入字数限制
- 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同----->特别推荐
- html中input文本框,初始里边有文字提示,当点击输入文字时,原文字消失
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- textarea 提示文字,点击消失
- iOS - 实现TextView提示文字并且输入字数限制
- iOS实现TextView提示文字并且输入字数限制
- 仿新浪微博,提示可输入的字数限制 textarea
- 效果超酷的textarea的输入字数限制及提示
- editText提示输入文字字数,同时限制字数和清空输入内容