Wie die Umsetzung Platzhalter text auf input-Elemente mit Hilfe von jQuery?

wie kann ich die implementieren ein jquery-Hinweis-text auf Eingaben?

<input class="question_box" title="hint text">

Dank :))

  • Was ist mit Hinweis-text?
  • der text das sagt, was der Benutzer das Textfeld wird über, wenn Sie auf Unschärfe, aber onfocus wird der text entfernt!
  • Ich glaube, dass der genannte Platzhalter-text.
InformationsquelleAutor pingpong | 2011-03-15
  1. 1

    Dem ersten Google-Ergebnis für "jquery-Hinweis-text" ist dieses plugin, die aussieht wie das, was Sie wollen.

    $('.question_box').hint();
    • ich Suche für den Hinweis-text auf Eingaben nicht tooltips!! 🙂
    • Dann sollten Sie Bearbeiten Ihre Frage zu klären, was Sie eigentlich suchen.
    • Bearbeitet beantworten.
    • Remy ' s script ist toll, aber Sie müssen $input.attr('value') !== undefined) für den blur-Effekt funktioniert in IE7.
    InformationsquelleAutor josh3736
  2. 8

    HTML5 bietet die placeholder Attribut für Textfelder. Lesen Sie hier: http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-placeholder

    Live-demo: http://jsfiddle.net/simevidas/8mTLY/

    Diese derzeit funktioniert in Chrome, Safari und Opera.

    Firefox 4 sollte hinzufügen von Unterstützung für diese (Bestätigung bitte).

    Leider scheint es, dass der IE9 nicht diese umzusetzen.

    InformationsquelleAutor Šime Vidas
  3. 2

    EDIT : ok ich habe nicht verstanden, "Hinweis-text", sorry.

    $(function() {
    $('.question_box').focus(function() {
        if ($(this).val() == 'Blablabla')
            $(this).val('');
    });

    $('.question_box').blur(function() {
        if($(this).val() == '')
            $(this).val('Blablabla');
    });

}
    • 'ok, ich habe nicht verstanden, "Hinweis-text", tut mir Leid.' Niemand Tat es... 😉
    InformationsquelleAutor GG.
  5. 0

    Mit jQuery 1.5.1 und jQuery-UI-1.8.9, zusammen mit der tooltip-code aus was wird jQ-UI-1.9:
    http://jsfiddle.net/JAAulde/XpbGh/1/

    Edit:
    Scheint, dass als ich war Entsendung Sie zusätzliche Informationen über das, was Sie wollte, und dies ist nicht ganz es.

    InformationsquelleAutor JAAulde
  6. 0

    Dies ist die Funktion, die ich für mein Projekt für die Umsetzung der Hilfe-Text oder Platzhalter. Ich hoffe, jemand findet es nützlich. 

     $(' #chkbx_presentkort').on('change', function() {
     if($('#chkbx_presentkort').is(':checked')) {

         $('.lagerstatus #kortet_text').show().val('Skriv din text på kortet').css("color","#666");
         console.log("checked");
         $('.lagerstatus #kortet_text').focusin(function() {
             if($('.lagerstatus #kortet_text').val()== 'Skriv din text på kortet') {
             $('.lagerstatus #kortet_text').val('');
             }
         });
         $('.lagerstatus #kortet_text').focusout(function() {
             if($('.lagerstatus #kortet_text').val() == '') {
             $('.lagerstatus #kortet_text').val('Skriv din text på kortet').css("color","#666");
             }
         });
     }
     else  {
     $('.lagerstatus #kortet_text').hide();
     }
 });
    InformationsquelleAutor rashidkhan
  7. 0

    Gibt es eine ähnliche jQuery-plugin namens inputHints. Ich nutzt das Platzhalter-Attribut mit javascript für browser, die nicht unterstützen es noch.

    Die syntax ist sehr ähnlich zu der zuvor erwähnten plugin, aber dieses ist verfügbar auf github, damit jeder frei ist zu helfen. Ich habe es mit Erfolg.

    http://robvolk.com/jquery-form-input-hints-plugin/

    https://github.com/robvolk/jQuery.InputHints/

    InformationsquelleAutor Steven De Groote
  8. 0

    wie es scheint, ich bin ein wenig spät, aber Sie können einfach verwenden Sie das Platzhalter-Attribut in Ihrem input-element. Es ist Hinzugefügt worden, für einige Zeit jetzt!

    Hier ist die syntax:

    <input placeholder="text">
    InformationsquelleAutor charles-emile begin lavigne
Schreibe einen Kommentar