Comment puis-je masquer automatiquement le texte d'espace réservé sur le focus dans Chrome ?

Masquage automatique du texte d'espace réservé lors du focus

L'automatisation du navigateur Internet a simplifié le masquage du texte d'espace réservé lors du focus, mais cette commodité a une exception : Chrome. En ciblant ce navigateur particulier, une solution spécifique doit être mise en œuvre.

Approche CSS :

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

Cette règle CSS définit le texte de l'espace réservé comme transparent lors du focus, ce qui rend efficacement il est invisible.

jQuery Approche :

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

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

Le code jQuery supprime le texte d'espace réservé lorsque le champ de saisie prend le focus et le restaure en cas de perte de focus.

Remarque :

À l'origine, cette méthode était considérée comme exclusive au navigateur Chrome, mais les navigateurs modernes prennent désormais en charge le sélecteur input::placeholder, ce qui rend les deux Approches CSS et jQuery applicables sur tous les navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!