অ্যাকশন অ্যাট্রিবিউট দ্বারা নির্দিষ্ট ঠিকানায় ফর্ম ডেটা জমা দেওয়ার জন্য HTML DOM ফর্ম সাবমিট() পদ্ধতি ব্যবহার করা হয়। এটি ফর্ম ডেটা জমা দেওয়ার জন্য একটি সাবমিট বোতাম হিসাবে কাজ করে এবং এটি কোনো ধরনের প্যারামিটার নেয় না।
সিনট্যাক্স
ফর্ম সাবমিট() পদ্ধতি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলformObject.submit()
উদাহরণ
ফর্ম সাবমিট() পদ্ধতি -
এর একটি উদাহরণ দেখা যাক<!DOCTYPE html> <html> <head> <style> form{ border:2px solid blue; margin:2px; padding:4px; } </style> <script> function ResetForm() { document.getElementById("FORM1").reset(); document.getElementById("Sample").innerHTML="Form has been reset"; } </script> </head> <body> <h1>Form reset() method example</h1> <form id="FORM1" method="post" action="/sample_page.php"> <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"> <input type="button" onclick="ResetForm()" value="RESET"> </form> <p id="Sample"></p> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
সাবমিট বোতামে ক্লিক করলে ফর্মটি জমা হবে এবং “sample_page.php” এটি প্রদর্শন করবে -
উপরের উদাহরণে -
আমরা প্রথমে id=”FORM1”, method=”post” এবং action="/sample_page.php” দিয়ে একটি ফর্ম তৈরি করেছি। এতে টাইপ টেক্সট সহ দুটি ইনপুট ক্ষেত্র এবং SUBMIT −
নামে একটি বোতাম রয়েছে<form id="FORM1" method="post" action="/sample_page.php"> <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"> <input type="button" onclick="ResetForm()" value="RESET"> </form>
সাবমিট বোতামটি সাবমিটফর্ম() পদ্ধতিটি ব্যবহারকারীর দ্বারা ক্লিক করার সময় কার্যকর করে -
<input type="button" onclick="SubmitForm()" value="SUBMIT">
ResetForm() পদ্ধতিটি নথি অবজেক্ট getElementById() পদ্ধতি ব্যবহার করে