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

HTMLmax属性

要素のmax属性は、の最大値を設定するために使用されます。 minとmaxの両方を使用して、入力要素の値の範囲をタイプ番号、日付、日時、範囲などで設定します。これはHTML5で導入されました。

要素のman属性を実装する例を見てみましょう。ここでは、maxを10に設定しているため、ユーザーは1を超えるIDを入力できません-

例

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id − <input type="number" name="id" min="1" max="10"><br>
   Password − <input type="password" name="pwd"><br>
   DOB − <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

出力

HTML input max属性

上記の例では、いくつかのフィールドとボタンを備えたフォームを作成しました-

<form action="" method="get">
   Id − <input type="number" name="id" min="1" max="10"><br>
   Password − <input type="password" name="pwd"><br>
   DOB − <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

最大属性は、id入力タイプ番号に設定されます。最大値は10に設定されているため、ユーザーは10を超える値を入力できません-

Id − <input type="number" name="id" min="1" max="10">

  1. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;