サイト内検索
...HTML・XHTMLタグ...
フォーム
複数行のテキスト入力欄
- 複数行のテキスト入力欄は、txtarea要素を指定します。
- [使い方]
- 《指定なし》
- <txtarea name="sample"></txtarea>
- 《文字の挿入》
- <txtarea name="sample" cols="30" rows="3" wrap="soft" >
- この部分に文字を挿入します。
- </txtarea>
- cols・rowsの指定をしないとW3C検証サービスは通過しません。
属性 | 属性値 | 説明 |
---|---|---|
name= | "" |
「"sample"」のように部品名を指定します。
半角英数字を指定します。。 ・・・・・・ 入力項目を判別するための名前です。 項目ごとに違う名前を指定します。 |
cols= | "" | 「"10"」のように入力欄の幅を数値で指定します。
・・・・・・ サイズを指定しても、 ブラウザによって長さは異なるので 同じような長さで表示したい場合は、 スタイルシートで指定します。 |
rows= | "" | 「"2"」のように高さを行数(数値)で指定します。
・・・・・・ 指定行数を超えて入力された場合は、 フィールドにスクロールバーが表示されます。 |
wrap= | "hard" |
自動改行が入り、
送信される内容も改行されて送信されます。 |
"soft" |
自動改行が入りますが、
送信される内容には改行は入りません。 |
|
"off" |
自動改行は入りません。
横スクロールしながら延びていきます。 |
サンプル
[bodyの中]
<form method="post" action="sample.cgi"><div class="sample-1">
指定なし
<txtarea name="sample1"></txtarea></div>
<div class="sample-2">
文字を挿入します。
<txtarea name="sample2" cols="40" rows="4">この部分に文字を書きます
</txtarea >
</div>
<input type="submit" value="送信する">
</form>
[ブラウザ上]