input輸入框鼠標(biāo)焦點提示信息
更新時間：2015年03月17日 08:54:20 投稿：hebedich
本文給大家分享的是一則非常常用和實用的小技巧，當(dāng)鼠標(biāo)點擊到輸入框（input）里的時候，輸入框的提示消失，鼠標(biāo)再移開，輸入框提示出現(xiàn)，推薦給小伙伴們
問題如標(biāo)題：
鼠標(biāo)點擊到輸入框（input）里的時候，輸入框的提示消失，鼠標(biāo)再移開，輸入框提示出現(xiàn)。如圖所示：
做法如下：
復(fù)制代碼 代碼如下:
<input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='請輸入2-5個中文名字'){value =''}" onblur="if (value ==''){value='請輸入2-5個中文名字'}" value="請輸入2-5個中文名字">
<input type="text" name="tel" id="tel" class="ind_cont_input ind_cont_inputioce2 ind_cont_inputboder1" value="請輸入您的電話" onfocus="if (value =='請輸入您的電話'){value =''}" onblur="if (value ==''){value='請輸入您的電話'}">
注意點為input的onblur和onfocus屬性。另外也有簡單的if判斷。很方便很實用。
以上就是本文所述的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
JS實現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼
這篇文章主要介紹了JS實現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼,涉及JavaScript基于鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
JavaScript大數(shù)相加相乘的實現(xiàn)方法實例
這篇文章主要給大家介紹了關(guān)于JavaScript大數(shù)相加相乘的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
使用js獲取超鏈接中keyword的參數(shù)值，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
本文主要介紹了原生js實現(xiàn)彈出層效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
JavaScript遍歷實現(xiàn)DFS算法和BFS算法
DFS(Depth?first?search)稱作「深度優(yōu)先遍歷」，BFS(Breadth?first?search)稱作「廣度優(yōu)先遍歷」。本文將通過JavaScript遍歷實現(xiàn)這兩種算法，需要的可以參考一下2023-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript中Promise類的使用方法，文中的示例代碼簡潔易懂，對我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下2023-05-05
這篇文章主要介紹了JavaScript Sort 的一個錯誤用法示例,本文分析了一個Sort實例得到了這個錯誤用法并給出了解決方法,需要的朋友可以參考下2015-03-03
怎么讓腳本或里面的函數(shù)在所有圖片都載入完畢的時候執(zhí)行
怎么讓腳本或里面的函數(shù)在所有圖片都載入完畢的時候執(zhí)行...2006-10-10
BootStrap中的Fontawesome 圖標(biāo)
這篇文章主要介紹了BootStrap中Fontawesome 圖標(biāo)的相關(guān)知識,需要的朋友可以參考下2017-05-05
用JavaScript事件串連執(zhí)行多個處理過程的方法
用JavaScript事件串連執(zhí)行多個處理過程的方法...2007-03-03