您的位置:首页 > Web前端 > JavaScript

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

2016-06-24 12:25 891 查看
主要是利用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="请输入收件人地址"/>

用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: