placeholder属性

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

ブラウザ対応

構文

<textarea placeholder="入力のヒント"></textarea>

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

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

サンプルコード

備考欄：
<textarea placeholder="特別な連絡事項がありましたら、こちらに入力して下さい。"></textarea>

サンプル

HTMLソースコード

<form action="sample-textarea.php" method="post" target="_blank">
	<p>
		<label>
			休日の過ごし方：<br>
			<textarea name="sampleName" placeholder="（例）子供とサッカーをしたり、買い物に出かけたりします。"></textarea>
		</label>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示