एचटीएमएल डोम इनपुट चेकबॉक्स प्रकार संपत्ति

<घंटा/>

इनपुट चेकबॉक्स प्रकार की संपत्ति रिटर्न/इनपुट चेकबॉक्स का प्रकार सेट करती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

स्ट्रिंग मान लौटाना

inputCheckboxObject.type

सेटिंग प्रकार स्ट्रिंग मान के लिए

inputCheckboxObject.type = stringValue

स्ट्रिंग मान

यहां, "स्ट्रिंगवैल्यू" निम्नलिखित हो सकता है -

<वें शैली ="चौड़ाई:82.2449%; पाठ-संरेखण:केंद्र;">विवरण

stringValue
चेकबॉक्स	यह परिभाषित करता है कि इनपुट प्रकार चेकबॉक्स है
रेडियो	यह परिभाषित करता है कि इनपुट प्रकार रेडियो है
text	यह परिभाषित करता है कि इनपुट प्रकार टेक्स्ट है

उदाहरण

आइए इनपुट चेकबॉक्स प्रकार . का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Type Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Other: <input id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change type of input</button>
<div id="displayDiv"></div>
<script>
   var typeOfInput = document.getElementById("formCheckbox");
   var displayDiv = document.getElementById("displayDiv");
   displayDiv.textContent = 'Type of Input: ' + typeOfInput.type function changeType(){
      if(typeOfInput.type == 'checkbox'){
         typeOfInput.type = 'text' displayDiv.textContent = 'Type of Input: ' + typeOfInput.type
      }
   }
</script>
</body>
</html>

आउटपुट

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

'इनपुट का प्रकार बदलें' बटन क्लिक करने से पहले -

एचटीएमएल डोम इनपुट चेकबॉक्स प्रकार संपत्ति

'इनपुट का प्रकार बदलें' बटन पर क्लिक करने के बाद -

एचटीएमएल डोम इनपुट चेकबॉक्स प्रकार संपत्ति