HTML DOM ফর্ম নাম সম্পত্তি

HTML DOM ফর্ম নামের বৈশিষ্ট্যটি ফর্ম উপাদানটির নামের বৈশিষ্ট্যের সাথে যুক্ত। ফর্ম নাম বৈশিষ্ট্য ফর্ম নাম বৈশিষ্ট্য মান সেট বা পাওয়ার জন্য ব্যবহার করা হয়. ফর্ম নামের বৈশিষ্ট্য ফর্মটির নাম দেয়৷

৷

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

ফর্মের নাম −

সেট করা হচ্ছে

formObject.name = name

এখানে, নামটি ফর্মের নাম উল্লেখ করে।

উদাহরণ

আসুন আমরা ফর্ম নামের বৈশিষ্ট্যের একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
   form {
      border:2px solid blue;
      margin:2px;
      padding:4px;
   }
</style>
<script>
   function ChangeName() {
      document.getElementById("FORM1").name="FORM_2";
      document.getElementById("Sample").innerHTML = "The form name is changed from FORM_1 to FORM_2 ";
   }
</script>
</head>
<body>
<h1>Form length property example</h1>
<form id="FORM1" method="post" action="/sample_page.php" name="FORM_1">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"></label> <br><br>
<input type="submit" value="SUBMIT">
</form>
<p>Change the name of the form above by clicking the below button</p>
<button onclick="ChangeName()">Change Name</button>
<p id="Sample"></p>
</body>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM ফর্ম নাম সম্পত্তি

"নাম পরিবর্তন করুন" বোতামে ক্লিক করলে -

HTML DOM ফর্ম নাম সম্পত্তি

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

আমরা প্রথমে একটি ফর্ম তৈরি করেছি যাতে আছে id=“FORM1”, method=“post”, action=“/sample_page.php” এবং নামের বৈশিষ্ট্যের মান “FORM_1” এ সেট করা হয়েছে। ফর্মটিতে টাইপ টেক্সট সহ দুটি ইনপুট ক্ষেত্র এবং সার্ভারে ফর্ম ডেটা জমা দেওয়ার জন্য একটি সাবমিট বোতাম রয়েছে -

<form id="FORM1" method="post" action="/sample_page.php" name="FORM_1">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"></label> <br><br>
<input type="submit" value="SUBMIT">
</form>

তারপরে আমরা একটি বোতাম তৈরি করেছি, "নাম পরিবর্তন করুন" যেটি ব্যবহারকারীর দ্বারা ক্লিক করলে ChangeName() পদ্ধতিটি কার্যকর করবে -

<button onclick="ChangeName()">Change Name</button>

ChangeName() পদ্ধতি ডকুমেন্ট অবজেক্ট getElementById() পদ্ধতি ব্যবহার করে ফর্ম উপাদান পায় এবং এর নামের বৈশিষ্ট্যের মান পরিবর্তন করে “FORM_2”। এই পরিবর্তনটি তখন তার innerHTML() প্রপার্টি -

ব্যবহার করে আইডি "নমুনা" সহ অনুচ্ছেদে প্রতিফলিত হয়

function ChangeName() {
   document.getElementById("FORM1").name="FORM_2";
   document.getElementById("Sample").innerHTML = "The form name is changed from FORM_1 to FORM_2 ";
}