搬博前 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>