HTML DOM Fieldset name প্রোপার্টি

HTML DOM Fieldset name প্রোপার্টি <fieldset> এলিমেন্টের name অ্যাট্রিবিউটের মান পাওয়া বা সেট করার জন্য ব্যবহৃত হয়। name অ্যাট্রিবিউট ফর্ম জমা দেওয়ার পর ফর্ম ডেটা চিহ্নিত করতে বা শুধু ফর্ম এলিমেন্টগুলো রেফারেন্স করার সাহায্য করে।

সিনট্যাক্স

Fieldset name প্রোপার্টি সেট করার সিনট্যাক্স নিচে দেওয়া হলো:

fieldsetObject.name = name

এখানে, name ফিল্ডসেটের নাম নির্দেশ করে।

উদাহরণ

Fieldset 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>

আউটপুট

উপরের কোডটি নিচের আউটপুটটি দেবে:

HTML DOM Fieldset name প্রোপার্টি

"GET NAME" বাটনে ক্লিক করার পর:

HTML DOM Fieldset name প্রোপার্টি

ব্যাখ্যা

উপরের উদাহরণে:

প্রথমে একটি ফিল্ডসেট তৈরি করা হয়েছে যার নাম "FS1" এবং আইডি "FieldSet1", এটি একটি ফর্ম এলিমেন্টের ভিতরে অবস্থিত।
তারপর একটি "GET NAME" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে fieldName() মেথড এক্সিকিউট করবে।
fieldName() মেথড getElementById() মেথড ব্যবহার করে ফিল্ডসেট এলিমেন্টটি পায়, তারপর এর name অ্যাট্রিবিউটের মান নিয়ে field ভেরিয়েবলে সংরক্ষণ করে। এই মানটি প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।

function fieldName() { 
    var field = document.getElementById("FieldSet1").name; 
    document.getElementById("Sample").innerHTML = "The fieldset name is " + field; 
}