HTML DOM ফিল্ডসেট নামের সম্পত্তি

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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ফিল্ডসেট নামের সম্পত্তি

GET NAME বোতামে ক্লিক করলে -

HTML DOM ফিল্ডসেট নামের সম্পত্তি

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

আমরা প্রথমে একটি ফর্ম উপাদানের ভিতরে "FS1" এবং id "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 বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে fieldname() পদ্ধতিটি কার্যকর করবে -

<button onclick="fieldName()">GET NAME</button>

fieldname() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে ফিল্ডসেট উপাদান পায়। তারপরে এটি তার নাম বৈশিষ্ট্য মান পায় এবং এটি পরিবর্তনশীল ক্ষেত্রে বরাদ্দ করে। এই মানটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ প্রদর্শিত হয় এবং অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে এটিতে পাঠ্য বরাদ্দ করে -

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