JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

   本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法。分享给大家供大家参考。具体如下:

  html代码:

  ?

1
2
3
4
5
6
7
8
9

<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代码:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<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程序设计有所帮助。

时间: 2024-10-30 22:04:53

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法的相关文章

jpg-在MFC的CDialog类中可以显示JPG图片 在CFromview类中用同样的方法显示不了

问题描述 在MFC的CDialog类中可以显示JPG图片 在CFromview类中用同样的方法显示不了 HGLOBAL hMem; IStream *m_pStream; IPicture *m_pPicture; OLE_XSIZE_HIMETRIC m_JPGWidth; OLE_XSIZE_HIMETRIC m_JPGHeight; CRect rect(100,120,600,460); CString path; CFile file; CFileDialog dlg(TRUE,_T(

javascript 设置文本框中焦点的位置_javascript技巧

复制代码 代码如下: var obj=document.getElementById("txtUserID") var range=obj.createTextRange() //选中文本的起始位置(从第3个字符之后开始) range.moveStart("character",3) //选中文本的结束位置(到全部字符的倒第3个之前) range.moveEnd("character",-3) //选中 range.select()

VC 文本框中怎么实现粘贴图片并发送出去

问题描述 各位大哥大姐,我的毕设是做局域网聊天工具,我在发送文字的时候怎么才能实现发送图片呢,就像QQ中粘贴图片发送出去那样我用的是MicrosoftVisualStudio2005vc++ 解决方案 解决方案二:你得自己对图片进行编码再发送出去解决方案三:以后需再关注,现在先帮你顶一下解决方案四:该回复于2008-05-09 11:11:12被版主删除

WPS文字将两个文本框中的内容串连起来

  文本框是我们大家在编辑文档过程中经常要用到的,比如说有时为了防止文字或图片移动,我们会用文本框的形式将文字或图片框起来.常规操作方法都是先在前一个文本框中输入内容,待内容填满后,再将鼠标移到下一个文本框再继续输入.这就出现了一个现象,就当内容输入完成后,如果要是增加或删减前面表格内容时,而后面文本框中的内容并不随之联动,从而造成前面的文本框内容不是跨界就是出现空白.那怎样才能将两个文本框中的内容"串"连起来,使之形成一个整体牵一发而动全身呢? 如果需要将文字直接连接到另一个文本框可

手机浏览器-asp.net 注册时文本框中出现默认上一次登录的账号密码

问题描述 asp.net 注册时文本框中出现默认上一次登录的账号密码 20C 求大神指教,真的很急,asp.net 文本框中不设置autocomplete=""off""的话手机浏览器上会显默认的一些信息,比如注册的时候出现上一次登录的账号密码,设置autocomplete=""off""了的话出现不能输入的情况,求大神指教,小弟这里感恩跪谢了. 解决方案 是真的吗?uuuuuuu 解决方案二: 我做了一个手机网页,asp.n

javascript做计算器-用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中

问题描述 用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中 用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中 解决方案 参考这个完整的例子 <html> <head> <title>JS版计算器</title> <link rel="stylesheet" type="text/css" href=""> <meta

ASP.NET中母版页的内容页的文本框的边框显示不了?

问题描述 我使用了母版页,在内容页中使用文本框.可是文本框的边框显示不了?为什么??我自己再创建了一个页面.可是在这个页面中边框却可以显示.母版页的代码如下:<%@MasterLanguage="C#"AutoEventWireup="true"CodeFile="MasterPage.master.cs"Inherits="MasterPage"%><!DOCTYPEhtmlPUBLIC"-//W

js jq-如何实现下拉框点击一个选项,该选项的内容显示在文本框中?

问题描述 如何实现下拉框点击一个选项,该选项的内容显示在文本框中? <div class="input-group"> <input class="form-control select_of_input"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-

jsp怎么根据文本框的值来查询数据库并把相应内容显示到另一个文本框中

问题描述 jsp怎么根据文本框的值来查询数据库并把相应内容显示到另一个文本框中 解决方案 url: path+"/operStat/baseInfoData", 楼上这里的查询访问的地址,这时如果是MVC模式的话,还要在controller层中写写一个查询数据库的方法,然后根据前台前过来的查询条件data:{"deviceCode":port},来进行查询,并将结果返回.前台自动对应返回的结果到相关的框框中去. 解决方案二: 补充一下责任部门在数据库中是数字,只有i