JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
更新时间：2015年07月01日 12:20:01 作者：不吃皮蛋
这篇文章主要介绍了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法,涉及javascript针对页面元素样式及属性的相关操作技巧,需要的朋友可以参考下
本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法。分享给大家供大家参考。具体如下：
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 实现图片的缩放,当然,我们可以类比到其他的元素,比如视频的缩放,文中有详细的代码示例,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了微信小程序wxml列表渲染原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
要检测某一变量是否存在，虽然简单但是也要细心，下面整理了几点，遇到类似问题的朋友可以参考下2013-11-11
JavaScript中call、apply、bind实现原理详解
其实在很多文章都会写call，apply，bind,但个人觉着如果不弄懂原理,是很难理解透的,所以这篇文章主要介绍了JavaScript中call、apply、bind实现原理的相关资料,需要的朋友可以参考下2021-06-06
这篇文章主要为大家详细介绍了openlayers实现地图弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了js获取页面description的方法,涉及javascript操作页面元素的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了如何使用ReactHook和Context实现全局主题切换的功能,通过创建一个Context对象和一个ThemeProvider组件,可以将当前主题存储在Context中,并提供一个切换主题的方法,文中给出了详细的代码示例,需要的朋友可以参考下2025-03-03
这篇文章主要给大家介绍了关于用JS获取Headers头部信息的相关资料,头部信息是在JavaScript中进行网络请求时常用的操作,Headers 头部信息包含了请求或响应的元数据,需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了JS实现简易留言板，节点进行操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
大家好，本篇文章主要讲的是JavaScript优雅处理对象的6种方法，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下哦，方便下次浏览2021-12-12
最新评论