ভূমিকা
HTML DOM ইনপুট সাবমিট formMethod প্রপার্টি ব্যবহার করা হয় সাবমিট বাটনের formMethod এট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। এটি নির্দেশ করে যে ফর্ম ডেটা সার্ভারে পাঠাতে समय কোন HTTP মেথড ব্যবহার করা হবে। formMethod এট্রিবিউটের মান <form> এলিমেন্টের সাথে সম্পর্কিত method এট্রিবিউটের মানকে ওভাররাইড করে। এটি HTML5-এ type="submit" 가진 ইনপুট এলিমেন্টের জন্য চালু করা হয়েছিল।
সিনট্যাক্স
formMethod প্রপার্টি সেট করার সিনট্যাক্স:
submitObject.formMethod = "get" | "post"
এখানে, get হল ডিফল্ট মেথড যা ফর্ম-ডেটাকে URL-এর সাথে জোড়া দিয়ে পাঠায়। উদাহরণ: URL?name=value&name=value। এটি সাধারণত নিরাপদ নয় এবং ব্যক্তিগত না হওয়া ডেটার জন্য ব্যবহার করা হয়। ব্যবহারকারী URL স্ট্রিং দেখে পাঠানো ডেটা দেখতে পারে। দ্বিতীয় মেথড, post ডেটাকে একটি HTTP পোস্ট ট্রানজ্যাকশন হিসেবে পাঠায় এবং সাধারণত নিরাপদ। যেহেতু কেউ ডেটা পাঠানোর সময় তা দেখতে পারে না, post মেথডের get মেথডের মতো সাইজ লিমিটেশন নেই।
উদাহরণ
নিচে Submit formMethod প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Submit formMethod property</h1> <form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Loc"><br><br> <input type="submit" id="SUBMIT1" formmethod="post"> </form> <p>নিচের বাটনে ক্লিক করে ফর্মের ভিতরের সাবমিট বাটনের formMethod এট্রিবিউটের মান get-এ সেট করুন</p> <button onclick="changeMethod()">CHANGE</button> <p id="Sample"></p> <script> function changeMethod() { document.getElementById("SUBMIT1").formMethod = "get"; document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর:
