HTML DOM फ़ील्डसेट नाम गुण का उपयोग <फ़ील्डसेट> तत्व के नाम विशेषता मान को प्राप्त करने या सेट करने के लिए किया जाता है। नाम विशेषता फ़ॉर्म सबमिट किए जाने के बाद या केवल फ़ॉर्म तत्वों को संदर्भित करने के लिए फ़ॉर्म डेटा की पहचान करने में मदद करती है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैफ़ील्डसेट नाम संपत्ति सेट करना -
fieldsetObject.name = name
यहां, नाम फ़ील्डसेट नाम निर्दिष्ट करता है।
उदाहरण
आइए फील्डसेट नाम संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<script>
function fieldName() {
var field = document.getElementById("FieldSet1").name;
document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1" name="FS1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="fieldName()">GET NAME</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
नाम प्राप्त करें बटन क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले एक फॉर्म एलिमेंट के अंदर "FS1" और आईडी "FieldSet1" नाम से एक फील्डसेट बनाया है -
<form id="FORM1"> <fieldset id="FieldSet1" name="FS1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>
फिर हमने एक GET NAME बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर फ़ील्डनाम () विधि को निष्पादित करेगा -
<button onclick="fieldName()">GET NAME</button>
फ़ील्डनाम () विधि getElementById () विधि का उपयोग करके फ़ील्डसेट तत्व प्राप्त करती है। इसके बाद इसका नाम विशेषता मान प्राप्त होता है और इसे वेरिएबल फ़ील्ड में असाइन करता है। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ प्रदर्शित होता है और आंतरिक HTML संपत्ति का उपयोग करके इसे टेक्स्ट असाइन करता है -
function fieldName() {
var field = document.getElementById("FieldSet1").name;
document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}