javascript搜索框點(diǎn)擊文字消失失焦時文本出現(xiàn)
更新時間:2014年09月18日 17:23:02 投稿:whsnow
這篇文章主要介紹了javascript實(shí)現(xiàn)搜索框點(diǎn)擊文字消失失焦時文本出現(xiàn)的效果,示例代碼如下,大家可以看看
當(dāng)獲焦時,文本消失,失焦時文本出現(xiàn)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> </head> <body> <input id="text" type="text" value="點(diǎn)我就消失"/> <script> var oText=document.getElementById("text"); var onoff=true; oText.color="#000"; oText.onfocus=function(){ if(onoff){ this.value=""; this.color="red"; onoff=false; } } oText.onblur=function(){ if(this.value==''){ this.color="#000"; this.value="點(diǎn)我就消失"; onoff=true; } } </script> </body> </html>
您可能感興趣的文章:
- jquery實(shí)現(xiàn)靜態(tài)搜索功能(可輸入搜索文字)
- jQuery實(shí)現(xiàn)動態(tài)文字搜索功能
- JS實(shí)現(xiàn)搜索框文字可刪除功能
- 利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
- JavaScript前端頁面搜索功能案例【基于jQuery】
- jQuery Jsonp跨域模擬搜索引擎
- jquery中用jsonp實(shí)現(xiàn)搜索框功能
- JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
- 基于jquery的頁面劃詞搜索JS
- jquery+json實(shí)現(xiàn)的搜索加分頁效果
- jQuery單頁面文字搜索插件jquery.fullsearch.js的使用方法
相關(guān)文章
分享XmlHttpRequest調(diào)用Webservice的一點(diǎn)心得
因?yàn)轫?xiàng)目需要,以后前端、手機(jī)客戶端調(diào)用ASP.NET的Webservice來獲取信息.所以這段時間開始看Webservice,試著通過XmlHttpRequest調(diào)用Webservice,過程中碰到不少問題,也有不少的收獲2012-07-07js實(shí)現(xiàn)動態(tài)改變radio狀態(tài)的方法
下面小編就為大家分享一篇js實(shí)現(xiàn)動態(tài)改變radio狀態(tài)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02

Express代理轉(zhuǎn)發(fā)服務(wù)器實(shí)現(xiàn)
這篇文章主要為大家介紹了Express代理轉(zhuǎn)發(fā)服務(wù)器實(shí)現(xiàn)技巧詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-05-05 
利用js給datalist或select動態(tài)添加option選項(xiàng)的方法
下面小編就為大家分享一篇利用js給datalist或select動態(tài)添加option選項(xiàng)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01 
使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動的動畫效果
氣泡跟隨鼠標(biāo)移動,并在每次點(diǎn)擊時產(chǎn)生不同的變化,效果非常迷人,下面小編給大家?guī)砹?,基于js實(shí)現(xiàn)的氣泡效果實(shí)例代碼,需要的朋友參考下吧
2017-09-09