Exemple de description
Ensuite, l'utilisateur est présenté à une propriété similaire à la propriété en lecture seule, qui consiste à définir la valeur par défaut de la zone de texte. Définissez la couleur par défaut de la zone de texte sur gris et modifiez dynamiquement les informations de valeur par défaut de la zone de texte lors de la saisie des informations dans le nom d'utilisateur.
Technologie clé
La clé de cet exemple est de définir la valeur par défaut de la zone de texte via l'attribut désactivé, puis de modifier dynamiquement la valeur de la zone de texte de valeur par défaut via des événements associés. Le code pour utiliser l'attribut désactivé pour définir la valeur par défaut est le suivant :
<input id="0"class="0"type="text"disabled value='0100521041'/>
Processus de conception
(1) Créez un nouveau fichier index.php, introduisez le fichier de feuille de style CSS , et écrivez le formulaire. Le code est le suivant :
table width="350"border="0"class="p"> <tr> <td width="100">用户名:</td> <td align="left"><input class="m"id="name"type="text"/></td> </tr> <tr> <td>职 位:</td> <td align="left"><input class="m"type="text"id="type"disabled value="自选选取"/></td> </tr> </table>
(2) Définir une méthode de script JavaScript pour modifier dynamiquement la valeur par défaut de la zone de texte :
$("#name").keyup(function(){ var name=$("#name").val(); var manager='mr'; if(name=='mr'){ $("#type").val("经理"); }else{ $("#type").val("程序员"); } });
Conseils secrets
À propos de la définition du texte La valeur par défaut de la boîte.
(1) La définition de la valeur par défaut de la zone de texte et la définition de l'attribut en lecture seule de la zone de texte ont le même effet.
(2) Lors de l'utilisation de désactivé, ajoutez simplement le nom de l'attribut à la marque
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!