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

Nous pouvons le faire sans utiliser js de la manière suivante en utilisant l'attribut "placeholder" de HTML5 ( le texte par défaut disparaît lorsque l'utilisateur commence à taper, mais pas lorsqu'il clique)

<input type="email" id="email" placeholder="xyz@abc.example">

voir ceci : http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_placeholder

Answer 2

Il suffit d'utiliser un placeholder dans votre entrée au lieu de value

Answer 3

<input name="Email" type="text" id="Email" placeholder="enter your question" />

L'attribut placeholder spécifie une courte indication décrivant la valeur attendue d'un champ de saisie (par exemple, un exemple de valeur ou une brève description du format attendu).

La brève indication est affichée dans le champ de saisie avant que l'utilisateur ne saisisse une valeur.

Note : L'attribut placeholder fonctionne avec les types d'entrée suivants : texte, recherche, url, tel, email et mot de passe.

Je pense que cela aidera.

Answer 4

Voici un javascript très simple. Il fonctionne très bien pour moi :

// JavaScript:

function sFocus (field) {
    if(field.value == 'Enter your search') {
        field.value = '';
    }
    field.className = "darkinput";
}

function sBlur (field) {
    if (field.value == '') {
        field.value = 'Enter your search';
        field.className = "lightinput";
    }
    else {
        field.className = "darkinput";
    }
}
// HTML
<form>
  <label class="screen-reader-text" for="s">Search for</label>
  <input
    type="text"
    class="lightinput"
    onfocus="sFocus(this)" 
    onblur="sBlur(this)"
    value="Enter your search" name="s" id="s"
  />
</form>

Answer 5

Pourquoi enlever de la valeur ? c'est utile, mais pourquoi ne pas essayer le CSS ?

input[submit] {
   font-size: 0 !important;
}

La valeur est importante pour vérifier et valider votre PHP