HTML DOM Form name প্রপার্টি ফর্ম এলিমেন্টের name অ্যাট্রিবিউটের সাথে জড়িত। Form name প্রপার্টি ফর্মের name অ্যাট্রিবিউটের মান সেট বা গেট করতে ব্যবহৃত হয়। Form name প্রপার্টি ফর্মকে নাম দেয়।
সিনট্যাক্স
ফর্মের নাম সেট করার সিনট্যাক্স:
formObject.name = name
এখানে, name ফর্মের নাম নির্দেশ করে।
উদাহরণ
Form 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 = "ফর্মের নাম FORM_1 থেকে FORM_2-এ পরিবর্তিত হয়েছে "; } </script> </head> <body> <h1>Form length প্রপার্টি উদাহরণ</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>উপরের ফর্মের নাম পরিবর্তন করতে নিচের বাটনে ক্লিক করুন</p> <button onclick="ChangeName()">Change Name</button> <p id="Sample"></p> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
“Change Name” বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে একটি ফর্ম তৈরি করা হয়েছে যার id=“FORM1”, method=“post”, action=“/sample_page.php” এবং name অ্যাট্রিবিউটের মান “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>
তারপর “Change Name” বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে ChangeName() মেথড এক্সিকিউট করবে:
<button onclick="ChangeName()">Change Name</button>
ChangeName() মেথড ডকুমেন্ট অবজেক্টের getElementById() মেথড ব্যবহার করে ফর্ম এলিমেন্ট পাওয়া এবং এর name অ্যাট্রিবিউটের মান “FORM_2”-এ পরিবর্তন করা। এই পরিবর্তনটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML() প্রপার্টি ব্যবহার করে প্রতিফলিত করা হয়েছে:
function ChangeName() { document.getElementById("FORM1").name="FORM_2"; document.getElementById("Sample").innerHTML = "ফর্মের নাম FORM_1 থেকে FORM_2-এ পরিবর্তিত হয়েছে "; } 