複数行テキスト領域を作成する
複数行のテキストが入力できるテキスト領域を作成します。
複数行の入力欄は<TEXTAREA>〜</TEXTAREA>の
タグで作ります。
<TEXTAREA>の中に行数と、横幅を指定する事ができます。
<FORM>
<TEXTAREA cols="30"
rows="2" name="test"></TEXTAREA>
</FORM>
それには<TEXTAREA rows="2" cols="30" name="test"></TEXTAREA>
とします。
rowsというのは複数行の行数を指定するものです。
colsは行の横幅を指定しています。
(rows属性とcols属性を指定しない場合はディフォルトで横幅20ピクセル、行数が2行になります。)
○入力できないようにする
<FORM>
<TEXTAREA readonly disabled>
初期値です。</TEXTAREA>
</FORM>
1行テキスト入力欄とは違い value属性で初期値を決めるわけでなく
て<TEXTAREA>〜</TEXTAREA>の間に書く事で初期値が決められます、又、readonlyやdisabledオ
プションで入 力欄を入力不可にしたりする事が出来ます。
入力してみて!
disabledで無効化にしているので、文字が薄い色になっています。
複数行のオプションとして改行の指定をする事が出来ます。
それにはwrap="hard"<と、>wrap="soft"と、wrap="off"を
使います。
hardとsoftは両方共改行されますが、softはデータが送られた時には改行されていません。
自動的にフォームに書かれた文字を改行させたい場合にはhardを使います。
offを設定した場合は行の端までいっても自動的に改行されず、自分で改行を挿入しなくてはいけません。
○wrap=hard の場合
<FORM>
<TEXTAREA wrap="hard"></TEXTAREA>
</FORM>
入力してみてください。自動的に改行されます。
○wrap=off の場合
<FORM>
<TEXTAREA wrap="off"></TEXTAREA>
</FORM>
入力してみてください。改行されずにず〜っと書けちゃいます。
ここで学習したタグ
・TEXTAREA