input 输入框获得/失去焦点时隐藏/显示文字

这个标题可能比较拗口不好理解，但是我相信所有的人都见过这个效果，大家可以看本站右上角的搜索输入框，默认显示着“输入搜索内容”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“输入搜索内容”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的：

<input type= "text" value= "不推荐这么做" οnfοcus= "if(this.value == '不推荐这么做') this.value = ''" οnblur= "if(this.value == '') this.value = '不推荐这么做'"