Chrome でフォーカス時にプレースホルダー テキストを自動的に非表示にするにはどうすればよいですか?

フォーカス時のプレースホルダー テキストの自動非表示

インターネット ブラウザの自動化により、フォーカス時のプレースホルダー テキストの非表示が簡素化されましたが、この利便性には例外があります。 ：クロム。この特定のブラウザをターゲットとする場合は、特定のソリューションを実装する必要があります。

CSS アプローチ:

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

この CSS ルールは、フォーカス時にプレースホルダー テキストを透明に設定し、効果的に

jQueryアプローチ:

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

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

jQuery コードは、入力フィールドがフォーカスを取得したときにプレースホルダー テキストを削除し、フォーカスを失ったときにそれを復元します。

注:

元々、このメソッドは Chrome 専用のブラウザーと考えられていましたが、最新のブラウザーは現在、 input::placeholder セレクター。CSS と jQuery の両方のアプローチをすべてのブラウザーに適用できます。

以上がChrome でフォーカス時にプレースホルダー テキストを自動的に非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。