HTMLmin属性
要素のmin属性は、の最小値を設定するために使用されます。 minとmaxの両方を使用して、入力要素の値の範囲をタイプ番号、日付、日時、範囲などで設定します。これはHTML5で導入されました。
要素のmin属性を実装する例を見てみましょう。ここでは、minを1に設定しているため、ユーザーは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>
出力
上記の例では、いくつかのフィールドとボタンを備えたフォームを作成しました-
<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>
min属性は、id入力タイプ番号に設定されます。最小値は1に設定されているため、ユーザーは1未満の値を入力できません-
Id: <input type="number" name="id" min="1" max="10">
-
HTMLリスト属性
HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう: 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-colo
-
HTMLmaxlength属性
HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;