文本框提示样式,鼠标点击获得焦点时提示内容消失
2010-10-15 15:09
453 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框提示样式</title>
<style type="text/css">
<!--
.a1 {
color: #CCCCCC;
}
.a2 {
color: #000;
}
-->
</style>
</head>
<body>
<input name="n" type="text"/>
<input name="n1" type="text"/>
<script language="javascript">
window.onload=function(){
s('n','Your message1');s('n1','Your message2')
}
function g(a){return document.getElementById(a)}
function s(n,v){
with(g(n)){
className='a1';value=v;
onfocus=function(){if(value==v)value='';className='a2'}
onblur=function(){if(value==''){value=v;className='a1'}}
}
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框提示样式</title>
<style type="text/css">
<!--
.a1 {
color: #CCCCCC;
}
.a2 {
color: #000;
}
-->
</style>
</head>
<body>
<input name="n" type="text"/>
<input name="n1" type="text"/>
<script language="javascript">
window.onload=function(){
s('n','Your message1');s('n1','Your message2')
}
function g(a){return document.getElementById(a)}
function s(n,v){
with(g(n)){
className='a1';value=v;
onfocus=function(){if(value==v)value='';className='a2'}
onblur=function(){if(value==''){value=v;className='a1'}}
}
}
</script>
</body>
</html>
相关文章推荐
- 文本框内默认提示————请输入用户姓名(字体灰色),要求: (1)当文本框获得焦点时,默认提示消失 (2)当文本框失去焦点时,如果没有输入新内容,那么则显示原来的灰色字体内容; 如果有新内容输入则判断,如果长度小于10,则提示“姓名长度应该大于10个字符”
- JS实现文本框获得焦点,文本框里提示信息自动消失
- 表单文本框点击后文字内容消失的几种表现形式:textarea,input焦点的用法 .
- js实现文本框提示,获得焦点消失!
- 鼠标点击清空文本框 失去焦点显示提示信息
- js 鼠标点击文本框 提示文字消失 (小例子)
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- placeholder属性 点击文本框,输入值默认提示内容消失
- js 鼠标点击文本框 提示文字消失
- js实现文本框中鼠标点击关键字消失,失去焦点关键字出现
- jQuery, 文本框获得焦点后, placeholder提示文字消失
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- js input 鼠标点击清除提示内容,失去焦点还原默认内容的方法
- 文本框灰色文字提示,鼠标点击文字消失
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示 转
- 实现文本框获得焦点,文本框里提示信息自动消失
- JS实现文本框获得焦点,文本框里提示信息自动消失
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失