[新着] Webテンプレートを仮オープンしました
txtareaタグで、複数行のテキスト入力欄を作成できます。
<textarea name="message"></textarea>
<textarea name="message" cols="50" rows="5" wrap="hard">文字を挿入</textarea>
| name="" | フィールド名を指定します（一般的には半角英数字） |
|---|---|
| cols="" | 入力フィールドの横幅を数値で指定します |
| rows="" | 入力フィールドの高さを数値（行数）で指定します |
| wrap="" | 自動改行のタイプを指定します（hard、soft、off） |
■name="" （フィールド名を指定する）
入力項目を判別するための名前です。項目ごとに違う名前を指定します。
■cols="" （入力フィールドの横幅を指定する）
入力欄の横幅を数値で指定します。
サイズを指定した場合でも、ブラウザにより見た目の長さは異なります。同じような長さで表示したい場合は、スタイルシートも指定します。
■rows="" （入力フィールドの高さを指定する）
入力欄の高さを行数で指定します。
この指定行数を超えて入力された場合は、フィールドにスクロールバーが表示されます。
■wrap="" （自動改行のタイプを指定する）
入力した文字が横幅いっぱいになったとき、自動的な改行を入れるかどうかを指定します。
hard … 自動改行が入ります。送信される内容にもその改行が維持されます。
soft … 自動改行が入りますが、送信される内容にはその改行は入りません。
off … 自動改行は入りません。横スクロールしながら延びていきます。
■入力フィールドに文字を挿入しておく
入力欄に文字を入れておきたい場合は、textareaタグで囲まれた部分にその文字列を記述します。
<textarea name="message">この部分が表示されます</textarea>
入力欄のサイズや背景色等は、スタイルシートでアレンジすることもできます。指定方法の詳細は「関連ページ」をご覧ください。
<form method="POST" action="example.cgi">
<p>
サイズの指定なし
<br>
<textarea name="message1"></textarea>
</p>
<p>
横幅を50、高さを5行に指定
<br>
<textarea name="message2" cols="50" rows="5"></textarea>
</p>
<p>
文字を挿入しておく
<br>
<textarea name="message3" cols="50" rows="5">
この部分が
入力欄に
表示されます。
</textarea>
</p>
<p><input type="submit" value="送信する"></p>
</form>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
