Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम फॉर्म नाम संपत्ति

<घंटा/>

HTML DOM प्रपत्र नाम गुण प्रपत्र तत्व के नाम विशेषता से संबद्ध है। प्रपत्र नाम गुण का उपयोग प्रपत्र नाम विशेषता मान को सेट करने या प्राप्त करने के लिए किया जाता है। प्रपत्र नाम गुण प्रपत्र को नाम देता है।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

फ़ॉर्म का नाम सेट करना -

formObject.name =name

यहां, नाम फॉर्म के नाम को निर्दिष्ट करता है।

उदाहरण

आइए फॉर्म नाम संपत्ति का एक उदाहरण देखें -

  <सिर> <शैली> फॉर्म { बॉर्डर:2px सॉलिड ब्लू; मार्जिन:2 पीएक्स; पैडिंग:4 पीएक्स; }

प्रपत्र लंबाई संपत्ति उदाहरण

<लेबल>उपयोगकर्ता नाम <इनपुट प्रकार ="पाठ" नाम ="usrN">

<लेबल> आयु <इनपुट प्रकार ="पाठ" नाम ="आयु">

नीचे दिए गए बटन पर क्लिक करके ऊपर दिए गए फॉर्म का नाम बदलें

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम फॉर्म नाम संपत्ति

"नाम बदलें" बटन पर क्लिक करने पर -

एचटीएमएल डोम फॉर्म नाम संपत्ति

उपरोक्त उदाहरण में

हमने पहले एक फॉर्म बनाया है जिसमें id=“FORM1”, method=“post”, action=“/sample_page.php” और नाम विशेषता मान “FORM_1” पर सेट है। फॉर्म में टाइप टेक्स्ट के साथ दो इनपुट फील्ड और सर्वर पर फॉर्म डेटा सबमिट करने के लिए एक सबमिट बटन होता है -

<लेबल>यूजर नेम <इनपुट टाइप="टेक्स्ट" नाम="usrN">

<लेबल>आयु <इनपुट प्रकार ="पाठ" नाम ="आयु">

हमने तब एक बटन बनाया है, "नाम बदलें" जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजनाम () विधि को निष्पादित करेगा -

चेंजनाम () विधि दस्तावेज़ ऑब्जेक्ट getElementById () विधि का उपयोग करके फॉर्म तत्व प्राप्त करती है और इसके नाम विशेषता मान को "FORM_2" में बदल देती है। यह परिवर्तन तब पैराग्राफ में "नमूना" आईडी के साथ इसकी आंतरिक HTML () संपत्ति का उपयोग करके परिलक्षित होता है -

फ़ंक्शन चेंजनाम() { document.getElementById("FORM1").name="FORM_2"; document.getElementById("Sample").innerHTML ="फॉर्म का नाम FORM_1 से FORM_2 में बदल दिया गया है";}

  1. HTML DOM टेक्सटेरिया नाम संपत्ति

    HTML DOM Textarea defaultValue प्रॉपर्टी किसी HTML दस्तावेज़ में टेक्स्ट क्षेत्र तत्व के नाम विशेषता के मान को लौटाती है और संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - 1. लौटने का नाम object.name 2. नाम जोड़ा जा रहा है object.name = “text” आइए HTML DOM Textarea नाम संपत्ति

  1. एचटीएमएल डोम नाम संपत्ति

    HTML DOM नाम गुण किसी तत्व की विशेषता के नाम से संबंधित स्ट्रिंग देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.name आइए एक उदाहरण देखें HTML DOM नाम संपत्ति - <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> &nb

  1. HTML DOM ऑब्जेक्ट फॉर्म प्रॉपर्टी

    HTML DOM ऑब्जेक्ट फॉर्म प्रॉपर्टी एलिमेंट के लिए संलग्न फॉर्म का संदर्भ देता है। निम्नलिखित वाक्य रचना है - फ़ॉर्म . का संदर्भ लौटाना वस्तु ObjectElement.form आइए ऑब्जेक्ट फॉर्म प्रॉपर्टी का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object fo