JavaScript und JQuery implementieren das Festlegen und Entfernen von Textfeld-Standardwerten mit Auswirkung auf code_javascript-Fähigkeiten

Der Effekt, den Sie hier erzielen möchten, besteht darin, den Standardwert des Textfelds festzulegen und zu entfernen. Wenn die Maus wie unten gezeigt im Textfeld platziert wird, verschwindet der graue Text.

1. Sie können eine einfache Methode verwenden, nämlich das Onfocus-Attribut wie folgt zum Eingabetextfeld hinzuzufügen:

Code kopieren Der Code lautet wie folgt:

onfocus='if(this.value=="Bitte geben Sie Schlüsselwörter für die Suche ein"){this.value="";} '
onblur='if(this.value==""){this.value="Bitte geben Sie Schlüsselwörter für die Suche ein";};'>

Tatsächlich ist das Onfocus-Attribut sehr nützlich. Sie können den CSS-Stil auch über das Onfocus-Attribut ändern, wie im folgenden Code gezeigt:

Code kopieren Der Code lautet wie folgt:

onfocus='if(this.value=="Bitte geben Sie Schlüsselwörter für die Suche ein"){this.value="";} this.className="input01"'
onblur='if(this.value==""){this.value="Bitte geben Sie Schlüsselwörter für die Suche ein";} this.className="input02"'>

2. Es kann auch mit jquery implementiert werden:

Code kopieren Der Code lautet wie folgt:

$(document).ready(function() {

      var vdefault = $('#keyword').val();

$('#keyword').focus(function() { //Wenn der Fokus aktiviert wird und der Wert der Standardwert ist, wird er auf leer gesetzt

If ($(this).val() == vdefault) {
                  $(this).val("");
            }
        });
$('#keyword').blur(function() {
//Wenn der Fokus verloren geht und der Wert leer ist, wird er auf den Standardwert gesetzt
If ($(this).val()== "") {
                      $(this).val(vdefault);
            }
        });
});

Natürlich gibt es viele Möglichkeiten, es umzusetzen, hier sind nur die, die ich verwendet habe...