H5以前要实现这个功能还要用到JS，H5出来以后新增长了placeholder属性，有了这个属性就就能轻松实现这个功能。post
定义和用法
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。this
该提示会在输入字段为空时显示，并会在字段得到焦点时消失。url
注释：placeholder 属性适用于如下的 类型：text, search, url, telephone, email 以及 password。(此处来自W3cSchool)3d
以上是H5实现的代码。orm
οnkeydοwn="if (event.keyCode==13) {}" οnblur="if(this.value=='')value='请输入您要搜索的关键字';"
οnfοcus="if(this.value=='请输入您要搜索的关键字')value='';" />
以上是H5以前的实现方式blog
输入前的效果input
输入后的效果it