JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法
更新時間：2015年07月01日 12:20:01 作者：不吃皮蛋
這篇文章主要介紹了JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法,涉及javascript針對頁面元素樣式及屬性的相關操作技巧,需要的朋友可以參考下
本文實例講述了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程序設計有所幫助。
相關文章
本文,我們來講講如何使用 JavaScript 實現(xiàn)圖片的縮放,當然,我們可以類比到其他的元素,比如視頻的縮放,文中有詳細的代碼示例,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了微信小程序wxml列表渲染原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-11-11
要檢測某一變量是否存在，雖然簡單但是也要細心，下面整理了幾點，遇到類似問題的朋友可以參考下2013-11-11
JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call，apply，bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關資料,需要的朋友可以參考下2021-06-06
這篇文章主要為大家詳細介紹了openlayers實現(xiàn)地圖彈窗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了js獲取頁面description的方法,涉及javascript操作頁面元素的相關技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了如何使用ReactHook和Context實現(xiàn)全局主題切換的功能,通過創(chuàng)建一個Context對象和一個ThemeProvider組件,可以將當前主題存儲在Context中,并提供一個切換主題的方法,文中給出了詳細的代碼示例,需要的朋友可以參考下2025-03-03
這篇文章主要給大家介紹了關于用JS獲取Headers頭部信息的相關資料,頭部信息是在JavaScript中進行網(wǎng)絡請求時常用的操作,Headers 頭部信息包含了請求或響應的元數(shù)據(jù),需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易留言板，節(jié)點進行操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
大家好，本篇文章主要講的是JavaScript優(yōu)雅處理對象的6種方法，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下哦，方便下次瀏覽2021-12-12