placeholder属性

input要素のplaceholder属性は、入力のヒントとなるプレースホルダーを指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<input placeholder="入力のヒント">

placeholder属性には、入力のヒントとなるテキストを指定する。

placeholder属性に指定したテキストは、通常、入力欄に薄い色で表示され、入力を開始すると消える。

placeholder属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password number

サンプルコード

郵便番号

<input placeholder="123-4567">

URK

<input type="url" placeholder="http://">

email

<input type="email" placeholder="info@hoge.tld">

サンプル

HTMLソースコード

<p>
	<label>
		郵便番号：
		<input placeholder="123-4567">
	</label>
</p>
<p>
	<label>
		URL：
		<input type="url" placeholder="http://">
	</label>
</p>
<p>
	<label>
		email：
		<input type="email" placeholder="info@hoge.tld">
	</label>
</p>

実際の表示