検索窓に薄い文字を入れて何を入力するのか分かりやすくするプレースホルダ

ネット上で何かを検索したい時、どこを見ますか？ そう、検索窓ですよね。検索窓は EC サイトやネットショップ、何かを検索する必要があるウェブサイトには大概付きものでお馴染みのものです。 たまに見るのが検索窓に薄い文字で予め文字が入っている場合です。 Apple のサイトでは「検索：Apple.com」と何処の検索なのか明示しています。その他によくあるのは検索窓に「キーワードを入力」と書かれているケースがありますね。今回はその方法について焦点を当てます。 検索窓に薄い文字を入れる方法その１ 方法は2つほどありますが、まずは javascript を使う方法です。 html <form> <input type="text" onfocus="placeholders()" value="キーワードを入力" id="placeholder" /> </form> サンプル用の簡単なものです。v