js的onfocus与onblur的用法

在我们登录或者注册的页面时常会注意到一个细节，

文本框中的 请输入用户名 在点击框的时候便会消失转换成闪烁光标，而鼠标挪开之后又会出现请输入用户名的字样，知道输入内容。
例:

点击时

输入后

实现代码:

input type="text" value="请输入用户名" 
onfocus="if(value=='请输入用户名') {value=' '}" 
onblur="if (value=='') {value='请输入用户名'}" 

代码中用到的onfocus和onblur都是html的事件属性，
1、onfocus事件属性
onfocus 属性在元素获得焦点时被触发，即：获得焦点事件；常用于 input、select 以及 a标签中。
注：onfocus 属性不适合用于以下元素中使用：base、bdo、br、head、html、iframe、meta、param、script、style 或 title。
2、onblur事件属性
onblur 属性在元素失去焦点时触发，即：失去焦点事件；常用于表单验证代码（例如用户离开表单字段）中。