搬博前 2017年06月24日 09:34:01 发布的
在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的,这个就是“文本框点击时文字消失,
失去焦点时文字出现”这个效果;这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码;
自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就方便多了。
/*代码分割线-------------------------------------------------------------------------------------*/
<!DOCTYPE >
<html>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charsetGB2312"
/>
<title>文本框点击时文字消失,失去焦点时文字出现</title>
</head>
<body>
<input type=
"text"
value=
"请输入您的ID"
id=
"myinput"
/>
</body>
</html>
<script language=
"JavaScript"
type=
"text/javascript"
>
function
addListener(element,e,fn){
if
(element.addEventListener){
element.addEventListener(e,fn,
false
);
}
else
{
element.attachEvent(
"on"
+ e,fn);
}
}
var
myinput = document.getElementById(
"myinput"
);
addListener(myinput,
"click"
,
function
(){
myinput.value =
""
;
})
addListener(myinput,
"blur"
,
function
(){
myinput.value =
"请输入您的ID"
;
})
</script>