HTML DOM Input Text name प्रॉपर्टी

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

सिंटैक्स

Name प्रॉपर्टी सेट करने का सिंटैक्स:

textObject.name = name

यहां, name टेक्स्ट फील्ड का नाम निर्दिष्ट करने के लिए है।

उदाहरण

Text name प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Text name Property</h1> 
USERNAME: <input type="text" id="USR" name="user_name"> 
<p>नीचे दिए गए बटन पर क्लिक करके टेक्स्ट फील्ड का नाम बदलें</p> 
<button onclick="changeName()">CHANGE NAME</button> 
<p id="Sample"></p> 
<script> 
  function changeName() { 
    document.getElementById("USR").name = "NEW_USER"; 
    document.getElementById("Sample").innerHTML = "Text field name is now NEW_USER"; 
  } 
</script> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा। चूंकि हमने maxLength 5 सेट किया है इसलिए केवल 5 वर्ण अनुमत हैं:

CHANGE NAME बटन पर क्लिक करने पर: