当秋风吹过黄昏，树叶洒落了一地，透过树干间的缝隙，有一抹夕阳，在绽放他最后的美丽……
周未休息，感觉没啥可写的，就水一篇文章吧，说一说前端 html 页面中 input 元素中在没有值的情况下，添加提示的文字，当要输入文字的时候，提示的文字消失。
关于 html input 输入框的提示文字，有两种方法可以实现，一种为 input 元素的 placeholder 属性，一种为 js 方法。
input 元素的 placeholder 属性
placeholder：属性提供可描述输入字段预期值的提示信息
语法：
<input placeholder="提示的文字">
例：input 添加提示的文字
代码：
<input type="text" placeholder="这里是提示的文字">
运行结果：
当input输入框，输出文字时，提示的文字信息会消失
js 方法添加 input 元素提示文字
示例代码：
<input type="text" onfocus="javascript：if(this.value=='请输入内容')this.value='';">
运行结果：
补充说明：
1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果
2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失
3、js 方式添加的提示文字，当光标定位到 input 输入框中时，提示文字就会消失
以上就是HTML input 文本框添加提示文字的方法。当一个人选择成长的时候，往往也是选择不被人理解，因为你要走你选的路，不是他们认为你该选的路。更多关于HTML input 文本框添加提示文字的方法请关注haodaima.com其它相关文章！
![HTML5如何如何实现元素拖拽]("http://pica.zol-img.com.cn/2016/02/1ace90ad77db716547614a18c4a9263g.jpg)
