HTML DOM Input Color name Property

Input Color name property रंग इनपुट के name attribute का मान दर्शाने वाला string लौटाता है। उपयोगकर्ता इसे नए string मान पर सेट भी कर सकता है। name attribute फॉर्म सबमिशन में रंग इनपुट की पहचान के लिए उपयोग किया जाता है।

Syntax

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

inputColorObject.name

नाम सेट करना:

inputColorObject.name = 'String'

उदाहरण

रंग पिकर का name attribute "primaryColor" से "secondaryColor" में बदलना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Name</title>
</head>
<body>
<form id="formForColorsInput">
  रंग पिकर: <input type="color" id="Color" name="primaryColor">
</form>
<button onclick="changeNameValue()">नाम मान बदलें</button>
<div id="divDisplay"></div>
<script>
  var inputColor = document.getElementById("Color");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'रंग इनपुट का नाम: ' + inputColor.name;
  function changeNameValue() {
    if (inputColor.name == 'primaryColor') {
      inputColor.name = 'secondaryColor';
      divDisplay.textContent = 'रंग इनपुट का नाम: ' + inputColor.name;
    }
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में रंग इनपुट का नाम "primaryColor" दिखाता है। "नाम मान बदलें" बटन क्लिक करने पर यह "secondaryColor" में बदल जाता है।

मुख्य बिंदु

name attribute फॉर्म सबमिशन में रंग इनपुट डेटा की पहचान के लिए आवश्यक है
JavaScript से colorInput.name द्वारा name पढ़/लिख सकते हैं
नाम बदलने से फॉर्म सबमिशन में भेजे जाने वाले डेटा की कुंजी बदल जाती है
सर्वर-साइड पर इसी नाम से रंग मान प्राप्त किया जाता है
एक फॉर्म में अद्वितीय नाम होना सर्वोत्तम अभ्यास है