控制input輸入框中提示訊息的顯示與隱藏的方法_javascript技巧

在運用html css javascrpt進行頁面製作時，我們往往會遇到一些影響使用者體驗，而又容易被我們忽略的小細節。例如，input輸入框中的提示訊息，怎麼能根據物件獲得和失去焦點而實現其顯示和隱藏。今天在這裡，想跟大家分享一下這個小技巧，希望各位大神不要拍磚哦~~~

一、要求

input輸入框，在遊標顯示時，隱藏提示訊息；遊標離開輸入框時，顯示提示訊息。

二、方法

1、給該input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)”

2、聲明變量value，通過id名獲得該input

3、function 方法名1(inputObj){

複製代碼 代碼如下:

if(inputObj.value==”……”){

inputObj.value=””;

}

}

4、function 方法名2(inputObj){

複製代碼 程式碼如下:

if(inputObj.value==””){

inputObj.value=”…”;

}
}
}

}


5、注意：如果同一個頁面中有多個input標籤需要同樣的設置，則方法名稱不能一致。

三、實例複製代碼

代碼如下:



代碼如下:

head>