`

文本框提示样式，鼠标点击获得焦点时提示内容消失

XHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框提示样式</title>
<style type="text/css">
<!--
.a1 {
color: #CCCCCC;
}
.a2 {
color: #000;
}
-->
</style>
</head>

<body>
<input name="n" type="text"/>
<input name="n1" type="text"/>
<script language="javascript">

window.onload=function(){
s('n','Your message1');s('n1','Your message2')
}
function g(a){return document.getElementById(a)}
function s(n,v){
with(g(n)){
  className='a1';value=v;
  onfocus=function(){if(value==v)value='';className='a2'}
  onblur=function(){if(value==''){value=v;className='a1'}}
}
}
</script>
</body>
</html>
分享到：
| 在BS系统中使用模态对话框(showModalDialog ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    文本框 css 样式

    文本框提示样式，鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框： 软件序列号式的输入框： 软件序列号式的输入框(完整版)： 输入框景背景透明： 鼠标划过输入框，输入框背景色变色： ...

    文本框(input)获取焦点(onfocus)时样式改变的示例代码

    摘要：许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其他对应的事件即可。本文介绍了如何在获取焦点时...

    常用的一些javascript脚本样例

    24 文本框切换 文本框切换(包括用Tab和回车),文本框获得失去焦点 25 图片浮动(鼠标事件（点击）) 图片浮动(点击停止) 26 图片浮动(鼠标事件) 图片浮动(鼠标事件) 27 导航 导航 28 cookie登陆应用 cookie登陆应用...

    《程序天下：JavaScript实例自学手册》光盘源码

    2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置...

    程序天下:JavaScript实例自学手册

    3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 ...

    Excel VBA实用技巧大全 附书源码

    04153设定、删除单元格的输入规则和信息提示（有效性设置） 04154为单元格设置条件格式、删除条件格式 04155为单元格插入指向工作簿内部的超链接、删除超链接 04156为单元格插入指向工作簿外部的超链接、删除超链接 ...

    50个项目：HTML，CSS，JS中的50个小项目（Brad Traversy在Udemy上的课程）

    双着陆页，鼠标焦点扩展了动画 表单字段上的文本移动动画单击 具有HTML音频的可点击音板 爸爸笑话发生器从外部API提取内容 每按一次，在浏览器中获取事件键代码 常见问题解答页面，点击扩展部分 随机决策者的交互式...

    最新JavaScript期末测试题.pdf

    DHTML 的动态样式的作用是可以使开发人员改变显示在一页上的文本或图像，以便内容能够交互地对用户的鼠标和键盘操作做出响应。 8. 在 HTML 中嵌入 JavaScript： 在 HTML 中嵌入 JavaScript 需要使用 `&lt;script&gt;` ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip演示下载 9.常用jQuery弹出式链接提示效果Tooltip源码下载 10.相当牛的jQuery动感TipBox,鼠标移上去会动的提示框哦 11.简单实用...

    delphi 开发经验技巧宝典源码

    0036　如何编译器会提示数组太大时的处理技巧　25 0037　如何对超大数字进行计算　25 0038　强类型的定义及使用　25 2.2　类、函数、重载　25 0039　在函数的定义中正确使用var　25 0040　如何实现类的转形　26 0041...

    delphi 开发经验技巧宝典源码06

    0036　如何编译器会提示数组太大时的处理技巧　25 0037　如何对超大数字进行计算　25 0038　强类型的定义及使用　25 2.2　类、函数、重载　25 0039　在函数的定义中正确使用var　25 0040　如何实现类的转形　26 0041...

    用SSH+DWR+Oracle做的模拟Google搜索

    2、焦点如果从文本框转移动显示的层中 设置了文本框失去焦点事件，目的是让层不显示 3、单元格设置不同样式 一个左对齐，一个右对齐 加一个全局的变量，就可以搞定 Hibernate的Criteria的条件添加 4、添加多...

    微软UWP开发教程_2263页.pdf

    文本框 富编辑框 密码框 数字框 标签 内容链接 手写视图 样式 概述 颜色 版式 图标 概述 应用图标和徽标 Segoe MDL2 图标 亚克力 Mica 显示焦点 声音 写入样式 XAML 画笔 XAML 样式 XAML 控件模板 ...

    JavaScript网页特效范例宝典源码

    实例177 当鼠标移动到超级链接时改变超级链接颜色 277 实例178 改变超级链接背景色 278 6.2 超级链接控制 279 实例179 建立E-mail超级链接 280 实例180 获取页面中的全部超级链接 281 实例181 将网站设为首页 282 ...

    超实用的jQuery代码段

    2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部链接 2.19 jQuery实现outerHTML属性 2.20 实现带固定表头的表格 2.21 为表单内控件设定缺省数值和文本 2.22 防止单个页面...

    Na-srebrnym-globie:我对《 Na Srebrnym Globie》一书的翻译。 使用工具提示和CSS来显示文本的翻译

    Na-srebrnym-globie ...将鼠标悬停在每个句子上，英文翻译将出现在文本框中（有时称为工具提示）。 焦点句也将改变颜色。 要查看呈现的html文档，请访问： : : 会费 任何建议都值得欢迎，尤其是在文本翻译方面。

    JavaScript完全自学宝典 源代码

    7.10.html 获得焦点时文本框样式更改。 img.JPG onblur事件中加载的图片文件。 第8章（\c08） 示例描述：学习JavaScript中的document对象。 8.1.html 得到文档锚点对象数组。 8.2.html 获取并设置...

Magicbox
Global site tag (gtag.js) - Google Analytics