JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法
更新時間：2015年07月01日 12:20:01 作者：不吃皮蛋
這篇文章主要介紹了JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法,涉及javascript針對頁面元素樣式及屬性的相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法。分享給大家供大家參考。具體如下：
html代碼：
<form name="searchform" id="search-form">
<div>
<b>Search</b>
<input type="text" name="txtInput"
title="Enter the terms you wish to search for." />
<input type="submit" value="GO!" class="submit"
style="cursor: pointer;" />
</div>
</form>
JS代碼：
<script type="text/javascript" language="javascript">
(function() {
var id = document.getElementById('search-form');
if (id && id.txtInput) {
var name = id.txtInput;
var unclicked = function() {
if (name.value == '') {
name.style.background = '#FFFFFF url(images/googbg.png) left no-repeat';
}
};
var clicked = function() {
name.style.background = '#ffffff';
};
name.onfocus = clicked;
name.onblur = unclicked;
unclicked();
}
})();
</script>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
記錄微信小程序中使用wxss加載圖片并實現(xiàn)動畫的方式，最終實現(xiàn)loading效果。本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-08-08
這篇文章主要介紹了用window.onerror捕獲并上報Js錯誤的方法,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了JS搜狐面試題,涉及javascript數(shù)組、字符串及面向?qū)ο蟪绦蛟O(shè)計相關(guān)技巧,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JavaScript生成隨機驗證碼代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
layui 上傳插件 帶預(yù)覽 非自動上傳功能的實例(非常實用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動上傳功能的實例(非常實用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)驗證碼倒計時效果，手機登錄、填手機號獲取驗證碼，倒計時后重新獲取效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
js如何實現(xiàn)點擊標簽文字，文字在文本框出現(xiàn)
這篇文章主要介紹了js如何實現(xiàn)點擊標簽文字，文字在文本框出現(xiàn),感興趣的小伙伴們可以參考下2015-08-08
這篇文章主要介紹了vue 組件銷毀并重置的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
在 Javascript 的函數(shù)中有個名為 arguments 的類數(shù)組對象。它看起來是那么的詭異而且名不經(jīng)傳，但眾多的 Javascript 庫都使用著它強大的功能。所以，它的特性需要每個 Javascript 程序員去熟悉它。2010-10-10
JavaScript實現(xiàn)文件下載的超簡單兩種方式分享
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)文件下載的超簡單兩種方式,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12