HTML <input> max एट्रिब्यूट

<input> एलिमेंट का max एट्रिब्यूट

<input> एलिमेंट का max एट्रिब्यूट इनपुट फ़ील्ड के लिए अधिकतम मान (maximum value) सेट करता है। min और max दोनों का उपयोग संख्या (number), तारीख (date), डेटटाइम (datetime), रेंज (range) आदि टाइप के इनपुट एलिमेंट के लिए मान की एक सीमा (range) निर्धारित करने के लिए किया जाता है। यह HTML5 में पेश किया गया था।

उदाहरण

नीचे एक लॉगिन फॉर्म है जहां यूजर ID के लिए न्यूनतम 1 और अधिकतम 10 सेट किया गया है:

<!DOCTYPE html>
<html>
<body>
<h2>अपने खाते में लॉग इन करें</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>

आउटपुट

फॉर्म प्रदर्शित होगा जिसमें ID फ़ील्ड 1 से 10 तक की संख्या ही स्वीकार करेगी:

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>

max एट्रिब्यूट ID इनपुट टाइप नंबर के लिए सेट है। अधिकतम मान 10 है, इसलिए उपयोगकर्ता 10 से अधिक मान दर्ज नहीं कर पाएगा:

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

समर्थित इनपुट टाइप

number
date, datetime-local, month, time, week
range

नोट: max एट्रिब्यूट क्लाइंट-साइड मान्यता प्रदान करता है; सर्वर-साइड मान्यता अभी भी आवश्यक है।