Supprimer la valeur par défaut d'un texte saisi lors d'un clic

Question

J'ai un texte d'entrée :

<input name="Email" type="text" id="Email" value="email@abc.example" />

Je veux mettre une valeur par défaut comme "Quelle est votre question de programmation ? soyez précis" dans Stack Overflow, et quand l'utilisateur clique dessus la valeur par défaut disparaît.

Answer 1

Voici une solution jQuery. Je laisse toujours la valeur par défaut réapparaître lorsque l'utilisateur efface le champ de saisie.

<input name="Email" value="What's your programming question ? be specific." type="text" id="Email" value="email@abc.com" />

<script>
$("#Email").blur(
    function (){
        if ($(this).val() == "")
            $(this).val($(this).prop("defaultValue"));
        }
).focus(
    function (){
        if ($(this).val() == $(this).prop("defaultValue"))
            $(this).val("");
    }
);
</script>

Answer 2

Je n'ai pas vu de réponses vraiment simples comme celle-ci, alors peut-être qu'elle aidera quelqu'un.

var inputText = document.getElementById("inputText");
inputText.onfocus = function(){ if (inputText.value != ""){ inputText.value = "";}; }
inputText.onblur = function(){ if (inputText.value != "default value"){ inputText.value = "default value";}; }

Answer 3

Voici un moyen simple.

#animal représente tous les boutons du DOM.
#animal-value est l'identifiant d'entrée ciblé.

$("#animal").on('click', function(){
    var userVal = $("#animal-value").val(); // storing that value
    console.log(userVal); // logging the stored value to the console
    $("#animal-value").val('') // reseting it to empty
});