javascript如何设置文本框输入时变颜色-js教程-PHP中文网

在javascript中，可以使用onfocus事件设置文本框输入时变颜色，只需要给元素绑定onfocus事件，再使用“对象.style.background="颜色值"”即可。onfocus事件在对象获得焦点时发生，通常用于表单中。

javascript如何设置文本框输入时变颜色

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

动态设置文本框颜色：

主要是利用javascript中的触发事件onfocus
<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,&#39;#f4eaf1&#39;)" onblur="myblur(this,&#39;white&#39;)" value="请输入收件人地址"/>
 
用上述简单方法可以做到文本框背景颜色的变换和提示信息的清除

登录后复制

onfocus 事件在对象获得焦点时发生。Onfocus 通常用于 ,