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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
'इनपुट रंग का मूल्य बदलें' बटन क्लिक करने से पहले -
'इनपुट रंग का मूल्य बदलें' बटन पर क्लिक करने के बाद -