JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
来源:互联网 发布:ubuntu 重置网络 编辑:程序博客网 时间:2024/05/17 02:22
在Web页面上,有时我们要在文本输入框里给点提示信息,告诉用户在这个地方该输入什么内
容,比如说“请输入评论内容...”等等之类的提示信息,当用户把光标单位在输入框的时候,
不应该让用户去清除那些提示信息,我们可以写个脚本来帮我们做这件事情,请看下面的例子:
容,比如说“请输入评论内容...”等等之类的提示信息,当用户把光标单位在输入框的时候,
不应该让用户去清除那些提示信息,我们可以写个脚本来帮我们做这件事情,请看下面的例子:
<html>
<head>
<title>对XX的评论</title>
<script type="text/javascript">
var bFlag=true;//全局变量,用于判断是否允许清除文本框内容
//用于清除输入框中提示信息的方法
function clearTip(){
var oTxt=document.getElementById("txt1");
if(bFlag==true){
oTxt.value="";
bFlag=false;
}
}
</script>
</head>
<body>
<form name="form1" action=" " method="post">
<textarea cols="50" rows="20" id="txt1" onfocus="clearTip()">请输入评论的内容...
</textarea><br />
<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"/>
</from>
</body>
</html>
<head>
<title>对XX的评论</title>
<script type="text/javascript">
var bFlag=true;//全局变量,用于判断是否允许清除文本框内容
//用于清除输入框中提示信息的方法
function clearTip(){
var oTxt=document.getElementById("txt1");
if(bFlag==true){
oTxt.value="";
bFlag=false;
}
}
</script>
</head>
<body>
<form name="form1" action=" " method="post">
<textarea cols="50" rows="20" id="txt1" onfocus="clearTip()">请输入评论的内容...
</textarea><br />
<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"/>
</from>
</body>
</html>
运行上面的示例,可以看到当焦点定位在文本框,提示信息“请输入评论的内容...”将会自动
消失,这里需要注意的是用户可能中途去做其他事情,使得文本框失去焦点,当他重新回来
输入的时候,又获得了焦点,这时会再次触发onfocus事件,调用clearTip方法,把前面输入的
内容清除了,这是我们不希望结果。所以可以设置个全局变量bFlag作为标志位,当清除过一次
文本框的内容之后就改变标志位,不再允许通过clearTip()方法清除文本框的内容。
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- 实现文本框获得焦点,文本框里提示信息自动消失
- JS实现文本框获得焦点,文本框里提示信息自动消失
- JS实现文本框获得焦点,文本框里提示信息自动消失
- js实现文本框提示,获得焦点消失!
- 文本框自动获得焦点
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示
- JavaScript让登录或搜索文本框自动获得焦点
- JavaScript让登录或搜索文本框自动获得焦点
- 文本框失去焦点有提示信息,文本框获得焦点清空提示信息,并且字体颜色不同
- javascript创建自动提示文本框(js笔记)
- 文本框提示样式,鼠标点击获得焦点时提示内容消失
- 在文本框中有一行灰色文字,获得焦点并输入时自动消失
- 加载页面文本框自动获得焦点
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- 文本框获得焦点
- 文本框获得焦点事件
- JavaScript学习笔记7--只允许向文本框输入特定的字符
- JavaScript学习笔记6--阻止向文本框输入指定的字符
- [译].Net 揭密--JIT怎样运行你的代码
- JavaScript学习笔记5--限制textarea的字符数
- JavaScript学习笔记4--模拟输入注册码时的自动切换字段
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JavaScript学习笔记2--表单只提交一次
- ASP.NET 2.0 中的创建母版页
- JavaScript学习笔记1---焦点定位在页面表单第一个字段
- Artists
- 实现form中post大于100K的数据的解决方案
- 为王位而生 GeForce8800全面解析测试
- Windows常见基本进程六:ccenter
- Rational Rose 2003 下载及破解方法