给文本框添加灰色提示文字

最新推荐文章于 2022-04-21 20:03:16 发布

iteye_12724

最新推荐文章于 2022-04-21 20:03:16 发布

阅读量730

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/iteye_12724/article/details/82514768

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>给文本框添加灰色提示文字</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<input type="text" id="key" name="key" value="请输入关键词" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999">
</body>
</html>

注：这段代码没有淘宝登陆框的提示效果好，淘宝的效果是在输入字符的时候才把提示字符隐藏掉，而这段代码是当输入框获得焦点的时候就把提示字符隐藏掉，淘宝主要是用了一个输入框和一个<span>再通过事件用css进行控制

另外密码提示框提示字符的控制可以参考附件中这篇文章：密码输入框那点事儿