How to show/hide input-Wert auf die Konzentration?

Sehe ich diese alle über das Internet, aber Frage mich, wenn jemand den JavaScript-code für die EINFACHSTE Weg, um zu zeigen, input Wert auf Unschärfe, sondern verstecken sich im auf konzentrieren.

Huh? Was meinst du mit show? Was genau wollen Sie tun?
Also der Eingang wird zum Beispiel "Suche..." drin sein, und wenn Sie gehen, klicken Sie auf den input, es würde gehen leer. Ich glaube, ich habe bereits die Antwort, aber trotzdem danke Ian! =]
Siehe stackoverflow.com/questions/1073428/...

InformationsquelleAutor Michal Kopanski | 2009-07-03

  1. 17

    Diese bei mir immer funktioniert:

    <input 
    type="text" 
    value="Name:"
    name="visitors_name" 
    onblur="if(value=='') value = 'Name:'" 
    onfocus="if(value=='Name:') value = ''"
 />

    InformationsquelleAutor JLGarcia

  2. 17

    Da diese noch kommt, bis auf google, ich möchte darauf hinweisen, dass mit HTML 5 können Sie das Platzhalter-Attribut mit einer Eingabe zu erreichen, diese in einem Stück html.

    <input type="text" id="myinput" placeholder="search..." />

    Platzhalter ist mittlerweile zum standard in modernen Browsern, also das wäre wirklich die bevorzugte Methode.

    InformationsquelleAutor teeth

  3. 7

    Ich lieber jQuery Weise:

    $(function(){
    /* Hide form input values on focus*/ 
    $('input:text').each(function(){
        var txtval = $(this).val();
        $(this).focus(function(){
            if($(this).val() == txtval){
                $(this).val('')
            }
        });
        $(this).blur(function(){
            if($(this).val() == ""){
                $(this).val(txtval);
            }
        });
    });
});

    Ist es geändert Ausblenden von Formular-Input-Werte im Fokus Mit jQuery von Zack Perdue.

    InformationsquelleAutor Milan Jaros

  4. 5

    Die einfachste Methode die ich kenne ist folgende:

    <input 
    name="tb" 
    type="text" 
    value="some text"
    onblur="if (this.value=='') this.value = 'some text'" 
    onfocus="if (this.value=='some text') this.value = ''"  />

    InformationsquelleAutor Fredrik Mörk

  5. 1

    Wenn Sie kümmern sich nicht um gültiges HTML verwenden Sie die placeholder Attribut. Es wird funktionieren out of the box auf einer Safari, und Sie können hinzufügen, einige unobtrusive JS, dieses Verhalten nachzuahmen und in anderen Browsern.

    Mehr Lesen:

    Und google. 😉

    Die Lösung ist ähnlich zu der von Josh Stodola gepostet, aber es ist flexibler und universell.

    Ich denke mal nicht zu kümmern, gültigem HTML-Code ist nie gut, nicht wahr? Außerdem ist gerade die Optimierung für verschiedene browser...
    Validator ist nur ein Werkzeug. Sie können Sie ignorieren, es ist die Ausgabe, solange Sie wissen, was Sie tun. Und die Optimierung für das kommende standard ist nicht so schlimm 🙂
    Platzhalter erscheint jetzt gültig, außer für eine gute ol' IE.

    InformationsquelleAutor Maciej Łebkowski

  6. 0

    Dies ist, was ich auf mein blog. Einfach hingehen und schauen Sie sich den source code hinter.

    function displaySearchText(text){
    var searchField = document.getElementById('searchField');
    if(searchField != null)
        searchField.value = text;
}

    Ihre Eingabe Feld sollte etwa so Aussehen:

    <input id='searchField' name='q' onblur='displaySearchText("Search...");' onfocus='displaySearchText("");' onkeydown='performSearch(e);' type='text' value='Search...'/>

    InformationsquelleAutor Juri

  7. 0

    Für alle Browser:

    <input onfocus="if(this.value == 'Your value') { this.value = '';}" onblur="if(this.value == '') { this.value = 'Your value';}" value="Your value" type="text" name="inputname" />

    Für die neueste version der Browser:

    <input type="text" name="inputname" placeholder="Your value" />

    InformationsquelleAutor Sakata Gintoki

Schreibe einen Kommentar