在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能，之前还傻傻的在用js来实现类似功能。。。
实例代码
<form action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="我是提示文字 在此输入文本我会消失" /> <input type="submit" /> </form>
根据浏览器的不同，效果也不同。
有些会在鼠标focus文本框时，文字直接消失。
有些则会在输入文本时消失。
占位文本颜色设置如下
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
本文标题: 轻松实现搜索框提示文字点击消失---及placeholder颜色的设置
本文链接: https://www.mbkfw.com/course/617.html (转载时请注明来源链接)
本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com QQ/290948585
特别鸣谢: 如果您觉得本文对您有帮助，请给我们一个小小的赞，收藏本文更利于反复学习哦！
下班PC阅读不方便？
手机也可以随时学习开发
微信扫一扫
评易近人
累计评论达10条
2022-08-21 获得
分享达人
分享他人文章达到10篇
2022-08-19 获得
打卡狂魔
连续登录满60天
2022-08-16 获得
满勤成就
连续登录满30天
2022-08-15 获得
累计签30天
累计达30天签到
2021-08-04 获得
赞无不胜
累计点赞达30次
2021-08-03 获得
初见码名
文章累计获赞达50
2017-08-04 获得
助人为乐
长期无私奉献乐于助人
2015-09-12 获得
持之以恒
累计发文达50篇
2015-09-12 获得
搬运工
网络资源搬运者
2015-09-03 获得
1024超级勋章
10.24当天发文
2014-10-24 获得
连续签7天
连续签到7天
2013-09-12 获得
宣传大使
宣传形象大使
2013-09-12 获得
挑战自我
累计发文达30篇
2013-09-12 获得
插件
插件用户
2013-07-10 获得
定制
定制用户
2013-07-10 获得
开发者
编程开发者
2013-07-10 获得
新一代前端开发引领者
关注我们
微信公众号
微信小程序
微信客服
川公网安备 51010702002669号
18605917465
客服QQ