Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM इनपुट कलर वैल्यू प्रॉपर्टी

<घंटा/>

HTML DOM इनपुट कलर वैल्यू प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट कलर वैल्यू एट्रिब्यूट के मान का प्रतिनिधित्व करती है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

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

  • स्ट्रिंग मान लौटाना
inputColorObject.value
  • सेटिंग मान एक स्ट्रिंग मान के लिए विशेषता
inputColorObject.value = ‘String’

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Color Value</title>
</head>
<body>
<form id="formForColorsInput">
Primary-Color: <input type="color" id="Color" name="primaryColor" value="#00ff00">
</form>
<button onclick="changeValue()">Get type & change to text</button>
<div id="divDisplay"></div>
<script>
   var inputColor = document.getElementById("Color");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'value: '+inputColor.value;
   function changeValue() {
      if(inputColor.value == '#00ff00'){
         inputColor.value = '#ff0000';
         divDisplay.textContent = 'value: '+inputColor.value;
      }
   }
</script>
</body>
</html>

आउटपुट

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

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

HTML DOM इनपुट कलर वैल्यू प्रॉपर्टी

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

HTML DOM इनपुट कलर वैल्यू प्रॉपर्टी


  1. HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी

    HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी टाइप =“नंबर” वाले इनपुट एलिमेंट से जुड़ी है और वैल्यू एट्रीब्यूट है। इस संपत्ति का उपयोग इनपुट तत्व मूल्य विशेषता के मूल्य को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग तत्वों के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह इसक

  1. HTML DOM इनपुट सर्च वैल्यू प्रॉपर्टी

    HTML DOM इनपुट सर्च वैल्यू प्रॉपर्टी टाइप =सर्च और वैल्यू एट्रिब्यूट वाले इनपुट एलिमेंट से जुड़ी है। इसका उपयोग इनपुट सर्च फील्ड वैल्यू एट्रीब्यूट के मान को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग खोज फ़ील्ड के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह मान क

  1. HTML DOM इनपुट सबमिट वैल्यू प्रॉपर्टी

    HTML DOM इनपुट सबमिट वैल्यू प्रॉपर्टी टाइप =सबमिट और वैल्यू एट्रिब्यूट वाले इनपुट एलिमेंट से जुड़ी है। इसका उपयोग सबमिट बटन मान विशेषता के मान को वापस करने या इसे सेट करने के लिए किया जाता है। सबमिट बटन के लिए वैल्यू प्रॉपर्टी बटन पर प्रदर्शित टेक्स्ट को बदल देती है क्योंकि टेक्स्ट डिफ़ॉल्ट रूप से स