Comment définir la couleur de la zone de texte pour qu'elle change lors de la saisie en javascript

En JavaScript, vous pouvez utiliser l'événement onfocus pour définir la zone de texte afin qu'elle change de couleur lors de la saisie. Il vous suffit de lier l'événement onfocus à l'élément, puis d'utiliser "object.style.background="color. valeur"". L'événement onfocus se produit lorsqu'un objet obtient le focus et est généralement utilisé dans les formulaires.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Définissez dynamiquement la couleur de la zone de texte :

主要是利用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="请输入收件人地址"/>

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

L'événement onfocus se produit lorsque l'objet obtient le focus. Onfocus est généralement utilisé pour d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e et 3499910bf9dac5ae3c52d5ede7383485.

Conseil : l'événement opposé à l'événement onfocus est l'événement onblur.

Informations étendues :

L'événement onblur se produit lorsque l'objet perd le focus. Onblur est souvent utilisé pour le code de validation Javascript, généralement utilisé dans les zones de saisie de formulaire.

Syntaxe

HTML :

<element onblur="SomeJavaScriptCode">

JavaScript :

object.onblur=function(){SomeJavaScriptCode};

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!