登録ページを作成しています。SOのようにしたいと思います。フィールドに「JohnSmith(オプション)」というテキストが表示され、入力を開始するとテキストが消えます。JavaScriptでどのように行いますか?(何も試さなかったことで私を責めないでください、私はJS初心者です)
オプション:提案は灰色ですが、テキストの入力は黒になります。私もその効果が欲しいです。
登録ページを作成しています。SOのようにしたいと思います。フィールドに「JohnSmith(オプション)」というテキストが表示され、入力を開始するとテキストが消えます。JavaScriptでどのように行いますか?(何も試さなかったことで私を責めないでください、私はJS初心者です)
オプション:提案は灰色ですが、テキストの入力は黒になります。私もその効果が欲しいです。
<input type="text" name="email" placeholder="E-mail" />
必要に応じて、 cssを使用してプレースホルダーのスタイルを設定することもできます
HTML5のplaceholder
ものとこれを実装するためのすべての追加の方法を除いて、javascript(pre-html5)でこれを行う私のお気に入りの方法は次のブログ投稿でした:
http://kyleschaeffer.com/best-practices/input-prompt-text/
これを非常に優れたものにしているのは、既存のtitle
属性を使用することです。これは、スクリーンリーダー(テキストのみのブラウザー、テキスト読み上げ、視覚障害のあるADAコンプライアンスなど)の機能を使用していない場合にも便利です。明示的for
およびid
属性が一致するラベル。
しかし、私の意見では、HTML5とモダナイザーはこの機能の必要性を完全に先取りしました。