ভূমিকা
HTML DOM Form submit() মেথড ব্যবহার করা হয় action এট্রিবিউট দ্বারা নির্দিষ্ট ঠিকানাতে ফর্ম ডেটা সাবমিট করার জন্য। এটি ফর্ম ডেটা সাবমিট করতে একটি সাবমিট বাটনের মতো কাজ করে এবং এটি কোনো প্যারামিটার নেয় না।
সিনট্যাক্স
Form submit() মেথডের সিনট্যাক্স:
formObject.submit()
উদাহরণ
নিচে Form 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>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
SUBMIT বাটনে ক্লিক করলে ফর্ম সাবমিট হবে এবং "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>
SUBMIT বাটন ইউজার দ্বারা ক্লিক হওয়ার সময় SubmitForm() মেথড এক্সিকিউট করে:
<input type="button" onclick="SubmitForm()" value="SUBMIT">
ResetForm() মেথড ডকুমেন্ট অবজেক্টের getElementById() মেথড ব্যবহার করে <form> এলিমেন্ট পায় এবং সেটিতে submit() মেথড কল করে। এটি action এট্রিবিউট দ্বারা নির্দিষ্ট ঠিকানাতে ফর্ম ডেটা সাবমিট করে:
function SubmitForm() { document.getElementById("FORM1").submit(); }
