HTML フォームのテキスト領域に入力する文字数を制限するにはどうすればよいですか?

HTML では、さまざまな要素を利用してフォームを作成し、ユーザーが入力した情報を受け取って保存できます。これらの要素は、テキスト フィールド (テキスト ボックス)、ラジオ ボタン、チェック ボックス、ドロップダウン ボックスまたはコンボ ボックス、リセット ボタン、送信ボタンなど、フォーム要素とも呼ばれます。

TextArea は、フォーム内に作成できる要素の 1 つです。テキスト領域は、ユーザーが複数の行と列にデータを入力できる複数行のコントロールとして使用されます。

TextArea コントロールは、メモ、提案、アドレス情報、電子メールのテキスト、コメントなどを入力するために使用されます。テキスト フィールドは 1 行の入力コントロールであり、1 行のデータが必要なため、テキスト サイズは通常のテキスト フィールドよりも大きくなります。 。 ＃＃＃＃＃＃例＃＃＃

デフォルトの幅と高さでテキスト領域を作成するための基本的な HTML コードを理解しましょう。

リーリー

例

独自に選択したテキスト領域の幅と高さを設定するには、希望する行数と列数を指定します。これを行うには、

タグの rows 属性とcols 属性を利用します。以下に示すコードと出力を次に示します。

リーリー

テキストエリアに入力した情報が高さを超えると、垂直スクロールバーが自動的にアクティブになります。

注

- デフォルトでは、テキスト領域に最大 5,24,288 文字のデータを入力できます。

場合によっては、テキスト領域に入力できる文字のサイズを制限する必要があります。したがって、この場合、maxlength

プロパティを使用して、テキスト領域に入力される文字数を制御できます。 ＃＃＃＃＃＃例＃＃＃

個人の体験や記事、講演などを書き込むウェブサイトでは、文字数に一定の制限が必要となります。したがって、Web デザイナーは maxlength 属性を使用して、テキスト領域に入力される文字数を制限できます。例を通して理解しましょう -

リーリー

このプログラムでは、文字制限は 150 文字にのみ設定されています。つまり、「150」文字を超える文字を入力することはできないため、入力が停止されます。

cols 属性でテキスト領域の幅を指定できること、つまり最大列数を入力できることを上で説明しましたが、cols と

maxlength## を使用すると、 # 属性を

タグでまとめた場合、cols 属性はテキスト領域の幅のみを設定し、文字数に制限を課すことはできませんが、maxlength 属性は制限を課して制限を設定します。

例このコードを試すことができます - リーリー このプロパティは、テキスト領域のデータ サイズを制限するのに役立ち、すべてのブラウザでサポートされています。

以上がHTML フォームのテキスト領域に入力する文字数を制限するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。