js_4)文本添加默认值

1) 文本默认值

Input文本框当还没有输入值时显示一个默认值，一般用于提示当前文本框应该填的内容。

可以使用placeholder属性，如下：

<input type="text" placeholder="请输入用户名"/>

效果如下：

 

当光标在输入框内时效果如下：

 

但是此属性只支持ie9以上的版本。

 

第二种方案，自己写：

<input type="text" onfocus="makeEmpty(this)" onblur="makeDefault(this)" value="请输入用户名"/>

<script type="text/javascript">

// 获取焦点时，清空默认值

function makeEmpty(obj){

if(obj.value=='请输入用户名'){

obj.value='';

}

}

// 失去焦点时，添加默认值

function makeDefault(obj){

if(obj.value==''){

obj.value='请输入用户名';

}

}

</script>

思路就是：当获取焦点时判断，如果框内的值为默认值，则清空。当失去焦点时，如果框内值为空，则赋上默认值。