入力ボックスの初期値として薄いグレーの文字を表示する | Web Tips公開日：2014年5月8日 入力フォームのテキストボックスや検索ボックスで、あらかじめ薄いグレーの文字が表示されているケースがあります。入力欄をクリックしたり値を入力すると文字は消えます。そのような初期値を表示しておく方法を解説します。 JavaScriptで実現する方法もありますが、HTML5で導入されたplaceholder属性を使うとはるかに簡単に実現できますので、その方法をとることにします。 現在ではほとんどのブラウザがHTML5対応になっていますので、特殊な事情がない限りこの方法で構わないでしょう。 やり方は、以下の例のようにplaceholder属性で表示する文字列を指定するだけです。 <form action="" method="post"> <p><label>電話番号：<br><input type="tel" name="telNumber" placeholder=
