效果： input： textarea: 限100字 源码： ...

在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失，失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。 下面就是这个效果 ...

...

在input属性里面加入一段代码就行 onfocus="this.placeholder=''" onblur="this.placeholder='请输入您想搜索的内容......'" ...

背景 看了过时的资料，花费大把时间，不过也有收获，还是写写吧！ 分析 有同学可能想到直接在<textarea>标签内输入帮助文字，但是这又有一个新问题——因为<textarea>设置了默认内容，如果用户不点击输入框（更改输入框的文本），而直接提交，就把默认的提示内容 ...

H5之前要实现这个功能还要用到JS，H5出来之后新增加了placeholder属性，有了这个属性就就能轻松实现这个功能。 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释 ...

; 直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户 ...

CSS实现input美化操作默认是为灰色，并且有提示 如下图 鼠标点击后文字消失，鼠标移开后文字显示 给input入下图添加代码 style="color:#cccccc; outline:none;"value="用户名/邮箱/手机号" onfocus ...