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

複数行入力のためのTextarea要素の操作

メニューを表示するにはスワイプしてください

<textarea> 要素は、ウェブページ上で複数行のテキスト入力フィールドを作成するための強力なツール。 この要素を使用することで、<input> 要素(1行のみ入力可能)よりも多くのテキストをユーザーが入力・送信できる。

<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

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

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

question mark

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

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

question mark

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

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

すべて明確でしたか?

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

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

セクション 1.  28

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  28
some-alt