inupt textarea提示文字(点击消失,不输入恢复)及限制字数
2015-11-20 16:04
531 查看
效果:
input:
textarea: 限100字
源码:
/article/5809106.html
input:
textarea: 限100字
源码:
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>
/article/5809106.html
相关文章推荐
- 第一个JAVA程序
- Symmetric Tree
- 第十二周项目1图基本算法库
- Linux-Python学习记录
- c:forEach
- 实验1.2
- response.setContentType与 request.setCharacterEncoding 区别
- 兼容storm(beta版)
- Linux查看设置系统时区
- Size Classes与Interface Builder与Imag Asset与Autolayout
- C++中智能指针的设计和使用
- [转]C++ 智能指针详解
- Java基础06 组合
- Android 学习笔记之使用多线程实现断点下载...
- 对Bootstrap的一点点认识
- 类加载过程
- moosefs2.0初探及部署
- 网格部件新增单条数据不重新刷新显示新增数据
- UVa 11988 ------ Broken Keyboard
- javaWEB之-----------简单的相册管理