HTML DOM Input Number type प्रॉपर्टी

HTML DOM Input number type प्रॉपर्टी type="number" वाले इनपुट तत्व से जुड़ी होती है। यह इनपुट नंबर तत्व के लिए हमेशा number लौटाएगी।

सिंटैक्स

number type प्रॉपर्टी के लिए सिंटैक्स:

numberObject.type

उदाहरण

आइए HTML DOM Input Number type प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Number type प्रॉपर्टी</h1> 
PHONE NO: <input type="number" id="NUMBER1"> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर दिए गए तत्व का प्रकार प्राप्त करें</p> 
<button onclick="getType()">Get Type</button> 
<p id="Sample"></p> 
<script> 
  function getType() { 
    var t = document.getElementById("NUMBER1").type; 
    document.getElementById("Sample").innerHTML = "इनपुट फील्ड के लिए प्रकार है: " + t; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

"Get Type" बटन पर क्लिक करने पर:

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

• हमने type number के साथ एक इनपुट फील्ड बनाई और इसकी id "NUMBER1" पर सेट की:

PHONE NO: <input type="number" id="NUMBER1">

• फिर हमने "Get Type" बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर getType() मेथड को एक्ज़िक्यूट करता है:

<button onclick="getType()">Get Type</button>

• getType() मेथड getElementById() मेथड का उपयोग करके इनपुट तत्व को प्राप्त करता है और इसके type attribute मान को वेरिएबल t में असाइन करता है। यह वेरिएबल फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:

function getType() { 
  var t = document.getElementById("NUMBER1").type; 
  document.getElementById("Sample").innerHTML = "इनपुट फील्ड के लिए प्रकार है: " + t; 
}