Wie verstecke ich den Platzhaltertext im Fokus in Chrome automatisch?

Platzhaltertext beim Fokus automatisch ausblenden

Die Internetbrowser-Automatisierung hat das Ausblenden von Platzhaltertext beim Fokus vereinfacht, aber dieser Komfort hat eine Ausnahme : Chrom. Für diesen speziellen Browser muss eine spezifische Lösung implementiert werden.

CSS-Ansatz:

input:focus::placeholder {
  color: transparent;
}

Diese CSS-Regel setzt den Platzhaltertext beim Fokussieren auf transparent und sorgt so für eine effektive Darstellung es unsichtbar.

jQuery-Ansatz:

<input type="text" placeholder="Type something here!">

 $("#myInput").focus(function() {
   $(this).attr("placeholder", "");
 });

Der jQuery-Code entfernt den Platzhaltertext, wenn das Eingabefeld den Fokus erhält, und stellt ihn wieder her, wenn der Fokus verloren geht .

Hinweis:

Ursprünglich galt diese Methode als Browser-exklusiv für Chrome, aber moderne Browser unterstützen jetzt den Input::Placeholder-Selektor, wodurch sowohl CSS als auch jQuery möglich sind Ansätze, die in allen Browsern anwendbar sind.

Das obige ist der detaillierte Inhalt vonWie verstecke ich den Platzhaltertext im Fokus in Chrome automatisch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!