<input> এলিমেন্টের max অ্যাট্রিবিউটটি <input>-এর জন্য সর্বোচ্চ মান সেট করতে ব্যবহৃত হয়। min এবং max উভয়েই ইনপুট এলিমেন্টের জন্য একটি মানের পরিসীমা (range) সেট করতে ব্যবহৃত হয় যা type number, date, datetime, range ইত্যাদির সাথে কাজ করে। এটি HTML5-এ চালু করা হয়েছিল।
এখন <input> এলিমেন্টের max অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি। এখানে, আমরা max ১০ সেট করেছি, তাই ব্যবহারকারী ১০-এর বেশি কোনো মান দিতে পারবে না:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>আপনার অ্যাকাউন্টে লগ ইন করুন</h2> <form action="" method="get"> আইডি - <input type="number" name="id" min="1" max="10"><br> পাসওয়ার্ড - <input type="password" name="pwd"><br> জন্ম তারিখ - <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">জমা দিন</button> </form> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা কিছু ফিল্ড এবং একটি বাটনসহ একটি ফর্ম তৈরি করেছি:
<form action="" method="get"> আইডি - <input type="number" name="id" min="1" max="10"><br> পাসওয়ার্ড - <input type="password" name="pwd"><br> জন্ম তারিখ - <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">জমা দিন</button> </form>
max অ্যাট্রিবিউটটি আইডি ইনপুট টাইপ number-এর জন্য সেট করা হয়েছে। সর্বোচ্চ মান ১০ সেট করা হয়েছে, তাই ব্যবহারকারী ১০-এর বেশি মান দিতে পারবে না:
আইডি - <input type="number" name="id" min="1" max="10">
