サイト内検索

...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>

[ブラウザ上]

指定なし
文字を挿入します。

←サンプル(送信できません。)


Copyright c 2007.10.01 luc All rights reserved.