[jQuery]Effacer les valeurs par defaut des champs de connexion nom utilisateur et mot de passe

Pour effacer la valeur par defaut en cliquant à l'intérieur des champs de connexion utilisateur et mot de passe on peut utiliser jQuery.

Code HTML:

<input id="input_name" type="text" maxlength="60" size="15" value="Nom d'utilisateur" name="name">
<input id="input_pass"  type="password" maxlength="60" size="15" value="pass" name="pass">

Code Javascript:

<script>
(function ($) {

//=============== Events JQuery
$(document).ready(function() {

// ============ en cliquant sur les champs name et pass on affecte la valeur null aux Id "input_name" et "input_pass"
$("#input_name").click( function() {
$("#input_name").val('');
});
    $("#input_pass").click( function() {
$("#input_pass").val('');
}); // =========== End on click in <input> name and password

// ============== END Events JQuery
});

})(jQuery);
</script>

Résultats :

Tags: 

Catégories: 

Share/Save

Ajouter un commentaire

Filtered HTML

  • Pour publier des morceaux de code, entourez-les avec les balises <code>...</code>. Pour du PHP, utilisez. <?php ... ?>, ce qui va colorier le code en fonction de sa syntaxe.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
Cette question permet de s'assurer que vous êtes un utilisateur humain et non un logiciel automatisé de pollupostage (spam).
Image CAPTCHA
Saisir les caractères affichés dans l'image.