wrap属性

textarea要素のwrap属性は、テキストエリアの端で折り返した部分を改行として扱うかどうかを指定する属性。

ブラウザ対応

日本語や英語などにおいて、テキストエリアの横幅を示すcols属性に指定した文字数を超える文字数のテキストを入力したとき、テキストエリアの右端で折り返し、次の行に映ることになる。データ送信時、この折り返しを、改行として扱うかどうかをwrap属性に指定する。

構文

<textarea cols="文字数" wrap="soft/hard"></textarea>

soft/hard （wrap属性値）

soft
テキストの折り返し部分を、改行にしないで送信する。
初期設定値。
hard
テキストの折り返し部分を、改行にして送信する。
wrap属性にhardを指定する場合、cols属性も指定しなければならない。

サンプルコード

改行なし

<textarea cols="20" wrap="soft"><textarea>

改行あり

<textarea cols="20" wrap="hard"><textarea>

サンプル

改行なし

HTMLソースコード
<form action="sample-textarea-wrap.php" method="post" target="_blank">
	<p>
		<label>
			改行なしで送信：<br>
			<textarea name="sampleName" cols="20" rows="3" wrap="soft">abcdefghijklmnopqrstuvxyzabcdefghijklmnopqrstuvxyz</textarea>
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>
実際の表示

改行あり

HTMLソースコード
<form action="sample-textarea-wrap.php" method="post" target="_blank">
	<p>
		<label>
			改行ありで送信：<br>
			<textarea name="sampleName" cols="20" rows="3" wrap="hard">abcdefghijklmnopqrstuvxyzabcdefghijklmnopqrstuvxyz</textarea>
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>
実際の表示