HTML DOM टेक्स्टएरिया name प्रॉपर्टी: फॉर्म सबमिशन के लिए नाम सेट/प्राप्त करना

HTML DOM टेक्स्टएरिया name प्रॉपर्टी टेक्स्ट एरिया एलिमेंट के name एट्रिब्यूट का मान लौटाती और संशोधित करती है। यह एट्रिब्यूट फॉर्म सबमिशन के दौरान डेटा की पहचान के लिए आवश्यक है।

सिंटैक्स

1. name प्राप्त करना:

object.name

2. name सेट करना:

object.name = "text"

उदाहरण: name एट्रिब्यूट मान दिखाना

<!DOCTYPE html>
<html>
<style>
  body { color: #000; background: lightseagreen; height: 100vh; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; }
  .show { font-size: 1.5rem; margin: 1rem 0; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया name प्रॉपर्टी डेमो</h1>
  <textarea rows="5" cols='20' name="मैं टेक्स्टएरिया एलिमेंट का name एट्रिब्यूट हूँ">
    नमस्ते! मैं कुछ डमी टेक्स्ट के साथ एक टेक्स्टएरिया एलिमेंट हूँ।
  </textarea>
  <button onclick="set()" class="btn">Name एट्रिब्यूट मान दिखाएं</button>
  <div class='show'></div>
  <script>
    function set() {
      document.querySelector('.show').innerHTML = document.querySelector("textarea").name;
    }
  </script>
</body>
</html>

आउटपुट

1. प्रारंभ में: नाम एट्रिब्यूट के साथ टेक्स्टएरिया
2. "Name एट्रिब्यूट मान दिखाएं" क्लिक: "मैं टेक्स्टएरिया एलिमेंट का name एट्रिब्यूट हूँ" प्रदर्शित होता है

name एट्रिब्यूट का महत्व

• फॉर्म सबमिशन: सर्वर को भेजे गए डेटा की कुंजी (key) के रूप में उपयोग होता है
• यूनिक होना चाहिए: एक फॉर्म में डुप्लिकेट नामों से बचें (रेडियो बटन्स के अलावा)
• सर्वर-साइड: $_POST['name'] (PHP), request.POST['name'] (Django), आदि
• जावास्क्रिप्ट: form.elements['name'] से एक्सेस

नामकरण सम्मेलन

name vs id

• name: फॉर्म सबमिशन के लिए, डुप्लिकेट हो सकता है (रेडियो समूह)
• id: DOM में यूनिक आइडेंटिफायर, CSS/JS सेलेक्शन के लिए
• आमतौर पर दोनों समान रखें: <textarea id="bio" name="bio">