HTML DOM इनपुट कलर ऑब्जेक्ट टाइप कलर के साथ एक इनपुट HTML एलिमेंट का प्रतिनिधित्व करता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
- एक <इनपुट> बनाना रंग प्रकार के साथ -
var colorObject = document.createElement(“input”); colorObject.type = “color”;
विशेषताएं
यहाँ, “colorObject " में निम्नलिखित विशेषताएं हो सकती हैं -
| विशेषताएं | विवरण |
|---|---|
| स्वतः पूर्ण | यह रंग बीनने वाले की स्वतः पूर्ण विशेषता के मान को परिभाषित करता है |
| ऑटोफोकस | यह परिभाषित करता है कि रंग बीनने वाले को प्रारंभिक पृष्ठ लोड पर ध्यान केंद्रित करना चाहिए या नहीं। |
| डिफ़ॉल्ट मान | यह रंग बीनने वाले का डिफ़ॉल्ट मान सेट/रिटर्न करता है |
| अक्षम | यह परिभाषित करता है कि रंग बीनने वाला अक्षम/सक्षम है या नहीं |
| फ़ॉर्म | यह रंग बीनने वाले के साथ संलग्न प्रपत्र का संदर्भ देता है |
| नाम | यह रंग बीनने वाले की नाम विशेषता के मान को परिभाषित करता है |
| टाइप करें | यह कलर पिकर के फॉर्म एलिमेंट का प्रकार देता है |
| मान | यह रंग बीनने वाले के मान विशेषता के मान को परिभाषित करता है |
उदाहरण
आइए इनपुट रंग नाम . का एक उदाहरण देखें संपत्ति -
<!DOCTYPE html>
<html>
<head>
<title>Input Color Name</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor">
</form>
<button onclick="changeNameValue()">Change name value</button>
<div id="divDisplay"></div>
<script>
var inputColor = document.getElementById("Color");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Name of color input: '+inputColor.name;
function changeNameValue() {
if(inputColor.name == 'primaryColor'){
inputColor.name = 'secondaryColor';
divDisplay.textContent = 'Name of color input: '+inputColor.name;
}
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
‘नाम मान बदलें’ clicking क्लिक करने से पहले बटन -
'नाम मान बदलें' . क्लिक करने के बाद बटन -
