input标签获取焦点时文本框内提示信息清空（并且变换文本框背景颜色

input标签获取焦点时文本框内提示信息清空（并且变换文本框背景颜色）(2011-04-07 23:03:17)

转载▼

标签： 杂谈

分类： JSP学习笔记

主要是利用javascript中的触发事件onfocus和onblur

<script language="javascript" type="text/javascript">
      <!--
         function myFocus(obj,color){

             //判断文本框中的内容是否是默认内容

             if(obj.value=="请输入收件人地址"){
               obj.value="";
             }

             //设置文本框获取焦点时候背景颜色变换
             obj.style.backgroundColor=color;
         }

         function myblur(obj,color){

             //当鼠标离开时候改变文本框背景颜色
             obj.style.background=color;
         }

在input标签中

<input type="text" name="username" id="username" onfocus="myFocus(this,'#f4eaf1')" onblur="myblur(this,'white')" value="请输入收件人地址"/>

用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除