javascript搜索框點擊文字消失失焦時文本出現(xiàn)
更新時間:2014年09月18日 17:23:02 投稿:whsnow
這篇文章主要介紹了javascript實現(xiàn)搜索框點擊文字消失失焦時文本出現(xiàn)的效果,示例代碼如下,大家可以看看
當獲焦時,文本消失,失焦時文本出現(xiàn)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> </head> <body> <input id="text" type="text" value="點我就消失"/> <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="點我就消失"; onoff=true; } } </script> </body> </html>
您可能感興趣的文章:
- jquery實現(xiàn)靜態(tài)搜索功能(可輸入搜索文字)
- jQuery實現(xiàn)動態(tài)文字搜索功能
- JS實現(xiàn)搜索框文字可刪除功能
- 利用jQuery實現(xiàn)可輸入搜索文字的下拉框
- JavaScript前端頁面搜索功能案例【基于jQuery】
- jQuery Jsonp跨域模擬搜索引擎
- jquery中用jsonp實現(xiàn)搜索框功能
- JQuery+JS實現(xiàn)仿百度搜索結果中關鍵字變色效果
- 基于jquery的頁面劃詞搜索JS
- jquery+json實現(xiàn)的搜索加分頁效果
- jQuery單頁面文字搜索插件jquery.fullsearch.js的使用方法
相關文章
分享XmlHttpRequest調用Webservice的一點心得
因為項目需要,以后前端、手機客戶端調用ASP.NET的Webservice來獲取信息.所以這段時間開始看Webservice,試著通過XmlHttpRequest調用Webservice,過程中碰到不少問題,也有不少的收獲2012-07-07js實現(xiàn)動態(tài)改變radio狀態(tài)的方法
下面小編就為大家分享一篇js實現(xiàn)動態(tài)改變radio狀態(tài)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02微信小程序使用uni-app實現(xiàn)首頁搜索框導航欄功能詳解
這篇文章主要介紹了微信小程序使用uni-app實現(xiàn)首頁搜索框導航欄功能,uni-app?是一個使用?Vue.js?(opens?new?window)開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應式)、以及各種小程序2022-10-10利用js給datalist或select動態(tài)添加option選項的方法
下面小編就為大家分享一篇利用js給datalist或select動態(tài)添加option選項的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01