HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी टाइप =“नंबर” वाले इनपुट एलिमेंट से जुड़ी है और वैल्यू एट्रीब्यूट है। इस संपत्ति का उपयोग इनपुट तत्व मूल्य विशेषता के मूल्य को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग तत्वों के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह इसके मान को उपयोगकर्ता इनपुट में भी बदल देता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैवैल्यू प्रॉपर्टी सेट करना -
numberObject.value = number;
यहाँ, संख्या फ़ील्ड के लिए मान निर्दिष्ट करने के लिए संख्या का उपयोग किया जाता है।
उदाहरण
आइए इनपुट नंबर वैल्यू प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input Number Value property</h1>
PHONE NO: <input type="number" value="222" id="NUMBER1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("NUMBER1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"मूल्य प्राप्त करें" बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप नंबर के साथ एक इनपुट फ़ील्ड बनाया है और इसकी आईडी "NUMBER1" पर सेट है। हमने value विशेषता का उपयोग करके संख्या फ़ील्ड के लिए एक डिफ़ॉल्ट मान निर्दिष्ट किया है।
PHONE NO: <input type="number" value="222" id="NUMBER1">
हमने तब "मूल्य प्राप्त करें" बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getValue() विधि निष्पादित करेगा -
<button onclick="getValue()">Get Value</button>
getValue () getElementById () विधि का उपयोग करके इनपुट तत्व प्राप्त करता है और चर t को अपना "मान" विशेषता मान निर्दिष्ट करता है। इसके बाद इस चर को इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया जाता है -
function getValue() {
var t = document.getElementById("NUMBER1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}