input点击后placeholder中的提示消息消失,而不是输入文字的时候消失
在input属性里面加入一段代码就行 onfocus="this.placeholder=''" onblur="this.placeholder='请输入您想搜索的内容......'" ...
原文：HTML 5 placeholder 属性 实现搜索框提示文字点击输入后消失
H 之前要实现这个功能还要用到JS，H 出来之后新增加了placeholder属性，有了这个属性就就能轻松实现这个功能。 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息 hint 。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 lt input gt 类型：text, search, url, telepho ...
2017-05-22 16:50 0 8541 推荐指数：
相关推荐
用JS来实现输入框提示文字点击时消失
在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失，失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。 下面就是这个效果实现 ...
html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？
使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';"> ...
CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
CSS实现input美化操作默认是为灰色，并且有提示 如下图 鼠标点击后文字消失，鼠标移开后文字显示 给input入下图添加代码 style="color:#cccccc; outline:none;"value="用户名/邮箱/手机号" onfocus ...
input输入框默认文字，点击消失
; 直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户 ...
input框placeholder文字颜色以及实现透明输入框
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909 ...
解决默写浏览器中点击input输入框时，placeholder的值不消失的方法
html中，placeholder作为input的一个属性，起到了在输入框中占位并提示的作用。 但是有一些浏览器，如chrome，当鼠标点击输入框时，placeholder的值不消失，只有输入数据才消失，会使前端用户体验大打折扣。 看了很多大神的方法，写了长长的js，看着有点吃力，就想到了下面 ...
jQuery, 文本框获得焦点后, placeholder提示文字消失
文本框获得焦点后, 提示文字消失, 基于jQuery, 兼容性: html5 ...