CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3を使用して入力テキストの長さを制限するにはどうすればよいですか？

HTMLを使用すると、入力の長さを簡単に制限できます。ただし、CSS3では、CSSを使用して入力文字数を制限できないため、これは不可能です。これにより、機能が制限されます。

CSSは、プレゼンテーション、つまりWebページがどのように表示されるかを扱います。これは、動作用であるため、HTML属性malengthを使用して行われます。

HTMLでそれを行う方法を見てみましょう-

CSS3を使用して入力テキストの長さを制限するにはどうすればよいですか？

例

次のコードを実行して、入力テキストの長さを制限できます

<!DOCTYPE html>
<html>
   <head>
      <title>HTML maxlength attribute</title>
   </head>
   <body>
      <form action="">
         Student Name<br><input type="text" name="name" maxlength="20"><br><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

  1. HTMLの入力フィールドに制限を与える方法は？

    HTMLのタグは、HTMLでユーザー入力を取得するために使用されます。入力フィールドに制限を与えるには、 minを使用します およびmax 属性。入力フィールドの最大値と最小値をそれぞれ指定します。 max属性とmin属性は、数値、範囲、日付、日時、日時ローカル、月、時間、週の入力タイプで使用されます。 例 次のコードを実行して、HTMLの入力フィールドに制限を設けることができます- <!DOCTYPE html> <html>    <head>       <title>HTML in

  2. HTMLで複数行のテキスト入力（テキスト領域）を作成するにはどうすればよいですか？

    複数行のテキスト入力を作成するには、HTMLのタグを使用します。 cols属性とrows属性を使用して、テキスト領域のサイズを設定できます。フォーム内で使用され、ユーザーが複数の行にテキストを入力できるようにします。 タグの属性は次のとおりです- 属性 値 説明 オートフォーカス オートフォーカス ページの読み込み時にテキスト領域が自動的にフォーカスを取得するように指定します。 列 数値 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。 無効 無効 表示される文字幅の数に基づいて、テキストエリアの幅を指定します。