CSS3

：

疑似クラス

：

:placeholder-shown

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

仮入力例示。

E:placeholder-shown
E 該当させる要素。

入力要素は、利用者向けのヒントとして仮入力テキストを例示することがある。例えば [HTML5] の placeholder 属性（参照）。:placeholder-shown 疑似クラスは、そのような仮入力テキスト ― DOM 内の属性や要素から与えられているか、あるいはユーザー エージェントにより黙示されるテキスト ― を例示している入力要素に合致する。

例えば、［INPUT 要素上の placeholder 属性や、一定の条件下における SELECT 要素を成す最初の OPTION 要素］は、[HTML] の意味論に則って、仮入力テキストを供する。したがって :placeholder-shown 疑似クラスは、そのような仮入力テキストが示されているときに適用される。

以下のCSSが組み込んであります： 

<INPUT class=Test placeholder="テスト"><BR>

テスト
別画面に表示させて。
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：