input輸入框鼠標焦點提示信息
更新時間：2015年03月17日 08:54:20 投稿：hebedich
本文給大家分享的是一則非常常用和實用的小技巧，當(dāng)鼠標點擊到輸入框（input）里的時候，輸入框的提示消失，鼠標再移開，輸入框提示出現(xiàn)，推薦給小伙伴們
問題如標題：
鼠標點擊到輸入框（input）里的時候，輸入框的提示消失，鼠標再移開，輸入框提示出現(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)文章
setTimeout內(nèi)不支持jquery的選擇器的解決方案
在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時都不能帶參數(shù)，而在許多場合必須要帶參數(shù)，這就需要想方法解決。2015-04-04
這篇文章主要介紹了小程序和web畫三角形實現(xiàn)解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
js實現(xiàn)彈出窗口、頁面變成灰色并不可操作的例子分享
為了更好的用戶體驗，現(xiàn)在網(wǎng)頁中好多地方都使用彈出層。比如提示登陸，掃描微信二維碼圖片，論壇下載彈出扣除積分提醒等。2014-05-05
js和html5實現(xiàn)手機端刮刮卡抽獎效果完美兼容android/IOS
手機完美支持html5,所以如果手機端想要做個抽獎模塊的話,用刮刮卡抽獎效果,相信這個互動體驗是非常棒的，本人親自完成，有錯誤請大家指出2013-11-11
本文主要介紹了圖解Javascript——作用域、作用域鏈、閉包等知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
layui 實現(xiàn)table翻頁滾動條位置保持不變的例子
今天小編就為大家分享一篇layui 實現(xiàn)table翻頁滾動條位置保持不變的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了如何使用echarts實現(xiàn)3d柱狀圖和折線圖,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以了解一下2024-12-12
uniapp微信小程序無法獲取Vue.prototype值的解決方法
在uniapp開發(fā)過程中,各端的一些高度會有區(qū)別,為了方便就要統(tǒng)一放到全局變量中,下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序無法獲取Vue.prototype值的解決方法,需要的朋友可以參考下2022-10-10
本篇文章主要介紹了js實現(xiàn)鼠標拖拽多選功能示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JavaScript中的flat()和flatMap()方法,解釋了它們的功能、使用方法和應(yīng)用場景,flat()用于將嵌套數(shù)組壓平,而flatMap()則是在壓平的同時對每個元素進行轉(zhuǎn)換,需要的朋友可以參考下2024-11-11