在我们登录或者注册的页面时常会注意到一个细节,
文本框中的 请输入用户名 在点击框的时候便会消失转换成闪烁光标,而鼠标挪开之后又会出现请输入用户名的字样,知道输入内容。
例:
点击时
输入后
实现代码:
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 属性在元素失去焦点时触发,即:失去焦点事件;常用于表单验证代码(例如用户离开表单字段)中。