タグ付けされた質問 「placeholder」

HTML5プレースホルダー属性は、入力フィールドの予期される値を説明する短いヒントを指定します（例：サンプル値または予期されるフォーマットの短い説明）。ヒントは、入力フィールドが空の場合に表示され、フィールドにフォーカスが移ると非表示になります。

30
CSSを使用してHTML5入力のプレースホルダーの色を変更する
Chromeは要素のプレースホルダー属性をサポートしていますinput[type=text]（おそらく他の属性もそうです）。 ただし、以下CSSはプレースホルダーの値には何もしません。 input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> コードスニペットを実行する結果を非表示スニペットを展開 Valueのgrey代わりに残りますred。 プレースホルダーテキストの色を変更する方法はありますか？
30
「選択」ボックスのプレースホルダーを作成するにはどうすればよいですか？
私はうまく機能しているテキスト入力用のプレースホルダーを使用しています。しかし、selectboxにもプレースホルダーを使用したいと思います。もちろん、私はこのコードを使用することができます： <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> ただし、「オプションを選択してください」はライトグレーではなく黒で表示されます。したがって、私のソリューションはCSSベースである可能性があります。jQueryも問題ありません。 これにより、ドロップダウンのオプションがグレーになります（矢印をクリックした後）。 option:first { color: #999; } 問題は、人々はどのようにしてセレクトボックスにプレースホルダーを作成するのかということです。しかし、それはすでに答えられています、乾杯。 これを使用すると、選択された値は常に（実際のオプションを選択した後でも）灰色になります。 select { color: #999; }
9
HTML5 textareaプレースホルダーが表示されない
マークアップの何が問題なのかわかりませんが、テキスト領域のプレースホルダーが表示されません。空白やタブで覆われているようです。テキスト領域にフォーカスし、カーソルが置かれた場所から削除してテキスト領域を離れると、適切なプレースホルダーが表示されます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …
17
Internet Explorerの入力プレースホルダー
HTML5 placeholderはinput要素に属性を導入しました。これにより、グレー表示されたデフォルトのテキストを表示できます。 悲しいことに、IE 9を含むInternet Explorerはそれをサポートしていません。 すでにいくつかのプレースホルダーシミュレータースクリプトがあります。これらは通常、default-textを入力フィールドに入れて灰色にし、入力フィールドにフォーカスを合わせたらすぐに削除します。 このアプローチの欠点は、プレースホルダーテキストが入力フィールドにあることです。したがって： スクリプトは入力フィールドが空であるかどうかを簡単に確認できません サーバー側の処理では、データベースにプレースホルダーを挿入しないように、デフォルト値と照合する必要があります。 プレースホルダーテキストが入力自体にない解決策が欲しいです。
14
<textarea>に複数行のHTML5プレースホルダーテキストを含めることはできますか？
HTML5のプレースホルダー属性を使用してそれらに集中するとテキストフィールドにゴーストテキストが表示されなくなります。 &lt;input type="text" name="email" placeholder="Enter email"/&gt; 同じメカニズムを使用して、textareaに複数行のプレースホルダーテキストを設定します。 &lt;textarea name="story" placeholder="Enter story\n next line\n more"&gt;&lt;/textarea&gt; しかし、これら\nのsはテキストに表示され、改行を引き起こしません...複数行のプレースホルダーを作成する方法はありますか？ 更新：これを機能させる唯一の方法は、プレースホルダーテキストでHTMLを受け入れる jQuery Watermarkプラグインを利用することでした： $('.textarea_class').watermark('Enter story&lt;br/&gt; * newline', {fallback: false});
23
テキストボックスにプレースホルダーテキストを追加する
HTML5のテキストボックスでできるように、テキストボックスにプレースホルダーテキストを追加する方法を探しています。 つまり、テキストボックスにテキストがない場合は、テキストを追加しますEnter some text here。ユーザーがテキストをクリックすると、プレースホルダーテキストが非表示になり、ユーザーが独自のテキストを入力できるようになります。テキストボックスがフォーカスを失い、まだテキストがない場合、プレースホルダーはテキストボックスに再度追加されました。
147 c#  wpf  placeholder 
11
IE9のプレースホルダー
よく知られている問題のようですが、Googleで見つけたすべての解決策が、新しくダウンロードしたIE9で機能しません。 タグとタグのPlaceholderプロパティを有効にするためのお気に入りの方法はどれですか。inputtextarea オプション：そのために多くの時間を失い、requiredまだ物件を探していませんでした。これについても何かアドバイスはありますか？当然、PHPで値を確認できますが、ユーザーを助けるためにこのプロパティは非常に便利です。
14
IE8および9でプレースホルダー属性をサポートする方法
小さな問題がありplaceholderます。IE8-9では入力ボックスの属性がサポートされていません。 私のプロジェクト（ASP Net）でこのサポートを行うための最良の方法は何ですか。私はjQueryを使用しています。他の外部ツールを使用する必要がありますか？ あるhttp://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html良いソリューションは？
30
入力タイプ=「日付」フィールドのプレースホルダーを表示しない
電話ギャップアプリを実行しています。type="date"以下に示すように入力フィールドを試していると、iPhoneの日付ピッカーが期待どおりに表示されますが、指定したプレースホルダーは表示されません。SOでも同じ問題が見つかりましたが、解決策はどこにもありません。 &lt;input placeholder="Date" class="textbox-n" type="date" id="date"&gt;
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.