複数行入力のためのTextarea要素の操作
メニューを表示するにはスワイプしてください
<textarea> 要素は、ウェブページ上で複数行のテキスト入力フィールドを作成するための強力なツール。
この要素を使用することで、<input> 要素(一行のみ入力可能)よりも多くのテキストをユーザーが入力・送信できる。
<textarea></textarea>
<textarea> 要素は、開始タグ <textarea> と終了タグ </textarea> で構成される。
これらのタグの間に配置されたテキストは、テキストエリアのデフォルト値として表示される。
属性
name: テキストエリアの名前を指定し、フォーム送信時にフィールドを識別するために使用。
<textarea name="feedback"></textarea>
rows および cols: テキストエリアの表示行数と列数をそれぞれ指定。
これにより、テキストエリアの幅と高さを設定可能。
<textarea name="feedback" rows="3" cols="30"></textarea>
placeholder: テキストエリアに入力が期待される内容について、ユーザーへの短いヒントを表示。
ユーザーが入力を始めるまで一時的に表示される。
<textarea name="feedback" placeholder="Leave your opinion"></textarea>
maxlength: テキストエリアに入力できる最大文字数を指定。
文字数制限や制約を設ける際に有効。
<textarea name="feedback" maxlength="200"></textarea>
readonly: <textarea> 要素に追加すると、フィールドが読み取り専用となり、ユーザーによる編集が不可。
あらかじめ入力された内容や編集不可の情報を表示する場合に利用。
<textarea name="feedback" readonly>This content is read only.</textarea>
例
index.html
1. HTML のテキスト入力フィールドで許可される最大文字数を設定する属性はどれか。
2. 複数行の入力フィールドを作成するために使用される要素はどれか。
すべて明確でしたか?
フィードバックありがとうございます!
セクション 5. 章 7
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 5. 章 7