Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 複数行入力のためのTextarea要素の操作 | HTMLフォームとユーザー入力
究極のHTML

book複数行入力のための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

index.html

copy

1. HTML のテキスト入力フィールドで許可される最大文字数を設定する属性はどれか。

2. 複数行の入力フィールドを作成するために使用される要素はどれか。

question mark

HTML のテキスト入力フィールドで許可される最大文字数を設定する属性はどれか。

正しい答えを選んでください

question mark

複数行の入力フィールドを作成するために使用される要素はどれか。

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  7

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  7
some-alt