1.这个是HTML5的属性. h5的好简单....

placeholder="这里输入文字"

2.HTML的:

value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"

3.度娘的JS方法: 

<!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=utf-8" />
<title>js提示文字</title>
<style type="text/css">
input {
width: 200px;
height: 24px;
line-height: 24px;
border: 1px solid #999;
background: #ccc;
margin: 15px 0 0 100px;
padding: 4px;
color: #666;
}

.current {
background: #E0FEE4;
border: 1px solid #093;
}
</style>
</head>
<body>
<input name="" type="text" value="请输入姓名：" />
<br />
<input name="" type="text" value="请输入昵称：" />
<br />
<input name="" type="text" value="输入验证码：" />
<br />
<input name="" type="text" value="请输入手机号码：" />
<br />
<input name="" type="text" value="请输入电子邮件：" />
<script type="text/javascript">
var aInp = document.getElementsByTagName('input');
var i = 0;
var sArray = [];
for (i = 0; i < aInp.length; i++) {
aInp[i].index = i;
sArray.push(aInp[i].value);
aInp[i].onfocus = function() {
if (sArray[this.index] == aInp[this.index].value) {
aInp[this.index].value = '';
}
aInp[this.index].className = 'current';
};
aInp[i].onblur = function() {
if (aInp[this.index].value == '') {
aInp[this.index].value = sArray[this.index];
}
aInp[this.index].className = '';
};
}
</script>
</body>
</html>

给input文本框添加灰色提示文字,三种方法.的更多相关文章

  1. 给<input>文本框添加灰色提示文字

    value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}&quo ...

  2. 编辑框添加灰色提示字（html+VC）

    Html中添加灰色提示字,使用属性placeholder即可! <input type="text" placeholder="要显示的文字"> 但 ...

  3. input文本框去除单击时的边框的方法

    前端开发写的input文本框标签后单击时可以看到有边框,去除边框的方法: input{     outline:medium; }

  4. ZH奶酪：PHP中添加HTML代码的三种方法

    php中添加HTML代码,就是php类型的文件中添加html代码~ 第一种是在HTML中加PHP. 大段大段的html代码中,在各个需要执行php的地方<?php .... ?> 比如 l ...

  5. 在VS中添加lib库的三种方法

    注意: 1.每种方法也要复制相应的DLL文件到相应目录,或者设定DLL目录的位置,具体方法为:"Properties" -> "Configuration Prop ...

  6. CentOS 添加环境变量的三种方法

    在CentOS 系统上安装完 MATLAB 后,为了使用方便,需要将 matlab 命令加到系统命令中,如果在没有添加到环境变量之前,执行“matlab”命令时,则会提示命令不存在的错误,如下所示: ...

  7. Mac添加环境变量的三种方法

    法一: sudo vi /etc/paths 来编辑 paths,将环境变量添加到 paths 中. vim 是一个编辑器,另外还有几个,如:Pico,Emacs. Hint:输入环境变量时,不用一个 ...

  8. input type="radio" jquery判断checked的三种方法:

    <input type="radio" name="radioname" value="" />全部 <input typ ...

  9. C# DropDownList绑定添加新数据的三种方法

    一.在前台手动绑定 <asp:DropDownList ID="DropDownList1" runat="server">    <asp: ...

随机推荐

  1. vuex使用 实现点击按钮进行加减

    //store.js /** * vuex配置 */ import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); //定义属性(数据) v ...

  2. oracle中floor函数和to_number函数区别

     oracle中floor函数没有值默认是0,number函数没有值默认是空 

  3. CSS——div居中，window.open(0

    margin:0 auto 表示什么意思?? margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right因为0 auto,表示上下边界为0,左右则根据宽度自适 ...

  4. Spring整合activiti单元测试

    ** * Spring测试activiti配置是否正常 * <p>Title: SpringActivitiTest</p> * <p>Description: & ...

  5. 除去Scala的糖衣(13) -- Default Parameter Value

    欢迎关注我的新博客地址:http://cuipengfei.me/ 好久没有写博客了,上一次更新竟然是一月份. 说工作忙都是借口,咋有空看美剧呢. 这半年荒废掉博客说到底就是懒,惯性的懒惰.写博客这事 ...

  6. 《javascript征途》学习笔记

    基础 1. 只有函数有作用域 2. 如果在<script src>的src 中设置了src特性,则script元素包含的任意代码就无效了.应该分开放到不同的script块中. 3. 外部j ...

  7. MapReduce的InputFormat过程的学习

    转自:http://blog.csdn.net/androidlushangderen/article/details/41114259 昨天经过几个小时的学习,把MapReduce的第一个阶段的过程 ...

  8. php 返回上一页并刷新

    echo "<script>alert('分组已存在!');location.href='".$_SERVER["HTTP_REFERER"].&q ...

  9. hdu 1253:胜利大逃亡（基础广搜BFS）

    胜利大逃亡 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submi ...

  10. react-native新导航组件react-navigation详解

    http://blog.csdn.net/sinat_17775997/article/details/70176688