HTML DOM इनपुट नंबर अधिकतम प्रॉपर्टी लौटाता है और HTML दस्तावेज़ में टाइप ="नंबर" के इनपुट फ़ील्ड की अधिकतम विशेषता के मान को संशोधित करता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
-
रिटर्निंग अधिकतम
object.max
-
2. अधिकतम संशोधित करना
object.max = “number”
उदाहरण
आइए हम इनपुट संख्या अधिकतम गुण का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
html{
height:100%;
}
body{
text-align:center;
color:#fff;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
height:100%;
}
p{
font-weight:700;
font-size:1.1rem;
}
input{
display:block;
width:35%;
border:2px solid #fff;
background-color:transparent;
color:#fff;
font-weight:bold;
padding:8px;
margin:1rem auto;
}
.btn{
background:#0197F6;
border:none;
height:2rem;
border-radius:2px;
width:35%;
margin:2rem auto;
display:block;
color:#fff;
outline:none;
cursor:pointer;
}
.show{
font-size:1.5rem;
font-weight:bold;
}
</style>
</head>
<body>
<h1>DOM Input number max/min property Demo</h1>
<p>Enter your roll number (between 1 and 60)</p>
<input type="number" class="numberInput" min="1" max="60">
<button type="button" onclick="showMySelection()" class="btn">Show Roll Number</button>
<div class="show"></div>
<script>
function showMySelection() {
var numberInput = document.querySelector(".numberInput");
var showMsg = document.querySelector(".show");
console.log(numberInput.min,numberInput.max);
if(numberInput.value === ''){
showMsg.innerHTML="Please enter value!!";
} else{
if((numberInput.value <= 1) && (numberInput.value <= 60)){
showMsg.innerHTML = numberInput.value;
} else{
showMsg.innerHTML = "Please enter correct roll number!!";
}
}
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
1 और 60 के बीच कोई भी रोल नंबर दर्ज करें और फिर रोल नंबर प्रदर्शित करने के लिए "शो रोल नंबर" बटन पर क्लिक करें।
कोई भी रोल नंबर सीमा से बाहर दर्ज करें और फिर चेतावनी संदेश प्रदर्शित करने के लिए "शो रोल नंबर" बटन पर क्लिक करें।
