Comment faire pour effacer une zone de texte à l'aide de javascript

J'ai un 

<input type="text" value="A new value">

J'ai besoin d'une méthode javascript pour effacer la valeur de la zone de texte lorsque l'accent est mis sur le
zone de texte.

Comment cela peut-il être atteint?

InformationsquelleAutor kalls | 2010-11-09
  1. 20

    Il semble que vous essayez d'utiliser un "filigrane" (une valeur par défaut qui se libère lorsque l'utilisateur se concentre sur la boîte). Assurez-vous de vérifier la valeur avant de l'effacer, sinon, vous risquez de supprimer quelque chose qu'ils ont tapé dans! Essayez ceci:

    <input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';">

    Qui fera en sorte qu'il n'efface lorsque la valeur est Une "nouvelle valeur".

    • Cela résout le problème. cependant, j'ai un bouton annuler qui doit définir le texte de bac à Une "Nouvelle valeur". Une autre méthode javascript?
    • Si le bouton annuler est normal <input type="reset">, alors il devrait le faire.
    • RoToRa est correct, un bouton "reset" devrait faire l'affaire. Si vous êtes en utilisant une mesure JS fonction "annuler", ajoutez ce code: document.getElementById('IDofthetextbox').value = "A new value";
    • J'ai une méthode Jquery sur le bouton annuler qui cache un DIV. Comment puis-je écrire du code pour identifier et définir le texte de la zone de texte?
    • Vous aurez besoin de donner à la saisie d'un IDENTIFIANT et mettre cela à l'intérieur de cette méthode: $('#mytextbox').val(''); où "mytextbox' est l'ID.
    • Avez-vous été en mesure d'obtenir ce travail?
    • Il serait plus logique d'utiliser le placeholder attribut et d'éviter la nécessité d'utiliser le JavaScript.

    InformationsquelleAutor Colin O'Dell
  2. 30

    juste obtenir l'élément à l'aide de

       function name()
   {  
   document.getElementById('elementid').value = "";
   }

    vous pouvez appeler cette fonction sur onfocus événement de zone de texte et de supprimer la valeur

    InformationsquelleAutor zish
  3. 10
    <input type="text" value="A new value" onfocus="javascript: if(this.value == 'A new value'){ this.value = ''; }" onblur="javascript: if(this.value==''){this.value='A new value';}" />
    • Vous devez vraiment être à l'aide de l'espace réservé=" attribut, bien que
    InformationsquelleAutor KeatsKelleher
  4. 9

    Pour ceux qui viennent à travers cela, de nos jours, c'est ce que le placeholder attribut a été fait pour faire. Pas de JS nécessaire:

    <input type="text" placeholder="A new value">
    InformationsquelleAutor G Rice
  5. 6

    Simple

    onfocus="javascript:this.value=''" onblur="javascript: if(this.value==''){this.value='Search...';}"
    • fonctionne comme un charme pour moi
    • Le "javascript:" l'étiquette dans les événements intrinsèques sont absolument inutiles.
    • c'est juste comme un espace réservé et facultatif
    • Vous n'avez pas vraiment besoin d'ajouter du JavaScript:
    InformationsquelleAutor Sashi
  6. 6

    utiliser qqch comme

    <input type="text" name="yourName" placeholder="A new value" />

    InformationsquelleAutor Sajeeb
  7. 4

    venez de définir une chaîne vide

        <input type="text" id="textId" value="A new value">
    document.getElementById('textId').value = '';
    InformationsquelleAutor SwapnilP
  8. 3

    Donner des balises d'entrée de zone de texte:

    onClick="(this.value='')"
    • Merci u @Nakshathra.. Il fonctionne pour moi..
    InformationsquelleAutor Ms_Lucky13
  9. 2

    Si vous utilisez jQuery est acceptable:

    jQuery("#myTextBox").focus( function(){ 
    $(this).val(""); 
} );
    InformationsquelleAutor Justin Ethier
  10. 2

    Utiliser le onfocus et onblur événements comme celui-ci:

    <input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value = '';" onblur="if (this.value == '') this.value = 'A new value';">
    InformationsquelleAutor AlexV
  11. 1
    <input type="text" value="A new value" onfocus="this.value='';">

    Cependant, ce sera très irrigation pour les utilisateurs qui focalisent l'élément un deuxième temps, par exemple pour corriger quelque chose.

    InformationsquelleAutor RoToRa
  12. 1
    <input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value =='';" onblur="if (this.value=='') alert('Please enter a value');" />
    InformationsquelleAutor Shashank Raj Chavan
  13. 1

    Onfous Et onblur zone de Texte avec javascript

       <input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';" onblur="if(this.value=='') this.value='A new value';"/>
    InformationsquelleAutor Dishan TD
  14. 1

    Pour mon coffeescript peeps!

    #disable Delete button until reason is entered
$("#delete_event_button").prop("disabled", true)
$('#event_reason_is_deleted').click ->
    $('#event_reason_is_deleted').val('')
    $("#delete_event_button").prop("disabled", false)
    InformationsquelleAutor Mark Locklear
  15. 1

    Votre code HTML,

    jquery,

    $("#textboxID").val(");

    • C'est jQuery, et pas exactement ce qui est demandé pour.
    InformationsquelleAutor bunny