ホーム>HTMLリファレンス(アルファベット検索)><textarea>タグ
<textarea>…複数行の入力欄を作成する
使用タグ
|
<textarea 属性="属性値">〜</textarea> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
テキスト
|
|
|
解説
<textarea>タグはインライン要素でこれを使えば、複数行にわたり、テキスト入力欄を作成することができます。サーバーに送られる項目名は、name 属性で指定でき、サーバーに送られる値は<textarea>〜</textarea>の内容となります。
|
属性と働き
属性 |
働き |
指定できる値 |
cols="横幅" |
入力欄の幅を指定できます。 |
入力欄の幅を文字数で指定 |
rows="縦幅(行数)" |
入力欄の高さを指定できます。 |
入力欄の高さを行数で指定 |
name="項目名" |
サーバーに送る項目名を指定できます |
テキスト |
disabled="disabled" |
指定した部品はユーザーが操作できなくなり、その項目の値もサーバーに送られません |
disabled |
readonly="readonly" |
読み取り専用の部品を作成します ユーザーが操作できなくなりますが、指定した項目の値は送信されます |
readonly |
wrap="折り返し"
ブラウザ独自の属性 |
入力欄の折り返しについての設定をすることができます |
「off」 : 折り返ししない
「hard」: 表示も送信時にも折り返しされる
「soft」 : 表示は折り返しされるが送信時には折り返しされない |
使用例
記述例
<form action="sample.cgi" method="post">
<fieldset>
<legend>ユーザー情報</legend>
ID:<input type="text" name="id" size="10">
パスワード:<input type="text" name="password" size="20">
</fieldset>
<fieldset>
<legend>評価</legend>
<input type="radio" name="hyouka" checked>上出来<br>
<input type="radio" name="hyouka">ふつう<br>
<input type="radio" name="hyouka">よくないと思う<br><br>
</fieldset>
<p>コメント:<br>
<textarea name="comment" cols="50" rows="10">ご意見、ご感想をを入力してください。
</textarea> </p>
<input type="submit" value="送信">
</form>
|
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他