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