HTML DOM इनपुट कलर टाइप प्रॉपर्टी

<घंटा/>

HTML DOM इनपुट कलर टाइप प्रॉपर्टी रिटर्न/सेट टाइप टाइप इनपुट कलर।

सिंटैक्स

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

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

inputColorObject.type

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

inputColorObject.type = stringValue

स्ट्रिंग मान

यहाँ, “stringValue "निम्नलिखित हो सकते हैं -

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

stringValue
रंग	यह परिभाषित करता है कि इनपुट प्रकार रंग है
रेडियो	यह परिभाषित करता है कि इनपुट प्रकार रेडियो है
पाठ	यह परिभाषित करता है कि इनपुट प्रकार टेक्स्ट है

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Color Type</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor" value="#0000ff">
</form>
<button onclick="changeNameValue()">Get type & change to text</button>
<div id="divDisplay"></div>
<script>
   var inputColor = document.getElementById("Color");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Type of Input: '+inputColor.type;
   function changeNameValue() {
      if(inputColor.type == 'color'){
         var defaultColor = inputColor.defaultValue;
         inputColor.type = 'text';
         inputColor.value = defaultColor;
         divDisplay.textContent = 'Name of color input: '+inputColor.type;
      }
   }
</script>
</body>
</html>

आउटपुट

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

‘टाइप करें और टेक्स्ट में बदलें’ पर क्लिक करने से पहले बटन -

HTML DOM इनपुट कलर टाइप प्रॉपर्टी

‘टाइप करें और टेक्स्ट में बदलें’ पर क्लिक करने के बाद बटन -

HTML DOM इनपुट कलर टाइप प्रॉपर्टी