HTML でのテキストエリアの使用と一般的な問題およびケース分析

textarea タグはよく使われる HTML タグです。主に長いテキストを入力するときに改行するために使用されます。基本的な使用方法は次のとおりです。
textarea タグ - HTML フォーム内の複数行の入力フィールドを表します
textarea タグは、<textarea> で始まり </textarea> で終わるペアで表示されます。
財産：
共通 -- 一般的なプロパティ
cols -- 複数行の入力フィールドの列数
行数 - 複数行入力フィールドの行数
accesskey -- フォームのショートカットキーアクセスメソッド
無効 - 入力フィールドはフォーカスを受け取ることができず、選択できず、灰色で表示され、フォームでは効果がありません。
読み取り専用 - 入力フィールドは選択できますが、変更できません
tabindex -- 入力フィールド、「Tab」キーを使用した移動順序
使用例は次のとおりです。
HTMLコード:

コードをコピー

コードは次のとおりです。

<フォーム id="textareaDem" アクション="#" メソッド="投稿">
<textarea cols="50" rows="10" id="contactus" name="contactus">1 行のラベル</textarea>
</フォーム>

コードをローカルコンピューターにコピーしてテストできます。
問題は、たとえばこれら 2 つの <textarea></textarea> が同じ行にない場合、別々の行に記述すると効果が異なってくることです。

コードをコピー

コードは次のとおりです。

<フォーム id="textareaDemo" アクション="#" メソッド="投稿">
<テキストエリア>
これはtextareaタグが行ごとに存在しないため、効果が異なります
</テキストエリア>
</フォーム>

最初のコードは左揃えで表示され、次のコードは中央に表示されます。したがって、textarea を使用する場合は、textarea タグ内のテキストが textarea を基準にしていることに注意する必要があります。textarea は、textarea の直後に始まる編集領域を提供することと同等であり、つまり、表示される内容がそのまま表示されます。これら 2 つのタグが同じ行にない限り、</textarea> の前のスペースも空白テキストとして認識され、マウス編集ポインターがテキストの先頭またはテキストの横で点滅しなくなります。したがって、このタグを有効に活用して、問題に遭遇したときにどこから解決を始めればよいかを把握するようにしてください。

少しわかりにくいですが、少し実験してみると理解できるはずです。へへ0_*

<<: Reactでカスタムフックを作成する方法を教えます

>>: クリエイティブな会社概要ウェブページデザイン