HTML DOM Input Checkbox type Property

Input Checkbox type property इनपुट चेकबॉक्स के प्रकार को प्राप्त या सेट करता है। यह property इनपुट एलिमेंट के type attribute को दर्शाता है।

Syntax

प्रकार प्राप्त करना:

inputCheckboxObject.type

प्रकार सेट करना:

inputCheckboxObject.type = stringValue

String Values

stringValue	विवरण
checkbox	यह परिभाषित करता है कि इनपुट प्रकार चेकबॉक्स है
radio	यह परिभाषित करता है कि इनपुट प्रकार रेडियो बटन है
text	यह परिभाषित करता है कि इनपुट प्रकार टेक्स्ट फील्ड है

उदाहरण

चेकबॉक्स को टेक्स्ट फील्ड में बदलना:

<!DOCTYPE html>
<html>
<head>
<title>Type Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
  <div> अन्य: <input id="formCheckbox" type="checkbox" name="formCheckbox"> </div>
</form>
<button onclick="changeType()">इनपुट का प्रकार बदलें</button>
<div id="displayDiv"></div>
<script>
  var typeOfInput = document.getElementById("formCheckbox");
  var displayDiv = document.getElementById("displayDiv");
  displayDiv.textContent = 'इनपुट का प्रकार: ' + typeOfInput.type;
  function changeType() {
    if (typeOfInput.type == 'checkbox') {
      typeOfInput.type = 'text';
      displayDiv.textContent = 'इनपुट का प्रकार: ' + typeOfInput.type;
    }
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में इनपुट का प्रकार "checkbox" दिखाता है। "इनपुट का प्रकार बदलें" बटन पर क्लिक करने पर यह "text" में बदल जाता है और चेकबॉक्स टेक्स्ट फील्ड बन जाता है।

मुख्य बिंदु

type property इनपुट एलिमेंट के प्रकार को दर्शाता है
चेकबॉक्स के लिए यह हमेशा "checkbox" लौटाता है (जब तक इसे बदला न जाए)
प्रकार बदलने से एलिमेंट का व्यवहार और दिखावट पूरी तरह बदल जाती है
व्यावहारिक रूप से type property को रनटाइम पर बदलना दुर्लभ है - HTML में ही सही प्रकार सेट करना बेहतर है
सामान्य चेकबॉक्स प्रकार: checkbox, radio, text, password, email, number, date, color, file, आदि