inupt textarea提示文字(点击消失,不输入恢复)及限制字数
来源:互联网 发布:机械设计手册软件 编辑:程序博客网 时间:2024/06/07 06:22
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" maxlength="100" 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>
<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" maxlength="100" 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>
0 0
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- inupt textarea提示文字(点击消失,不输入恢复)
- inupt textarea提示文字(点击消失,不输入恢复)
- textarea 提示文字,点击消失
- 限制textarea输入字数
- textarea限制输入字数
- textarea限制输入字数
- textarea 限制输入字数
- 效果超酷的textarea的输入字数限制及提示
- 限制textarea的输入字数
- 限制textarea的输入字数
- 实现textarea限制输入字数
- 限制 textarea 的输入字数
- 限制textarea的输入字数
- 限制 textarea 的输入字数
- 实现textarea限制输入字数
- 实现textarea限制输入字数
- 实现textarea限制输入字数
- SMTP协议详解及工作过程
- String & StringBulider
- 链表面试题:判断链表是否相交(c语言)
- RabbitMQ安装
- Android开发中关于“invalid symbol”的错误
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- 机器学习和数据发掘
- 给手势传入多个参数
- 根据工厂日历自动计算请假时间
- php面向对象中static静态属性和静态方法的调用
- HTTP协议三次握手过程
- 第十一周项目三警察和厨师1
- 背景建模--背景更新策略
- centos利用yum安装卸载软件常用命令