ভূমিকা
HTML DOM সাবমিট formEnctype প্রপার্টি ব্যবহার করা হয় সাবমিট বাটনের formEnctype এট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। এটি HTML5-এ type="submit" 가진 ইনপুট এলিমেন্টের জন্য চালু করা হয়েছিল। এটি নির্দেশ করে যে ফর্মের ডেটা সার্ভারে সাবমিট করার সময় কীভাবে এনকোড করা উচিত।
এই প্রপার্টি শুধু তখন কাজ করে যখন method="post" প্রপার্টি থাকে। formEnctype এট্রিবিউটের মান <form> এলিমেন্টের সাথে সম্পর্কিত enctype এট্রিবিউটের মানকে ওভাররাইড করে।
সিনট্যাক্স
সাবমিট formEnctype প্রপার্টি সেট করার সিনট্যাক্স:
submitObject.enctype = encoding
এখানে, encoding হতে পারে:
"application/x-www-form-urlencoded"- সব ক্যারেক্টার পাঠানোর আগে এনকোড হয় এবং এটি ডিফল্ট এনকোডিং।"multipart/form-data"- কোনো ক্যারেক্টার এনকোড করা হবে না এবং এটি সার্ভারে ফাইল আপলোড করার জন্য ব্যবহার করা হয়।"text/plain"- এটি শুধু স্পেসকে"+"সিম্বলে কনভার্ট করে এবং অন্য কোনো এনকোডিং করে না।text/plainএনকোডিং ব্যবহার করা উচিত নয় কারণ এটি নিরাপদ নয়।
উদাহরণ
নিচে সাবমিট formEnctype প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <head> <script> function changeEnc() { document.getElementById("SUBMIT1").formEnctype = "application/x-www-formurlencoded"; document.getElementById("Sample").innerHTML = "The formenctype attribute value is now 'application/x-www-form-urlencoded' "; } </script> </head> <body> <h1>Submit formEnctype property example</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" formenctype="multipart/form-data"> </form> <br> <button onclick="changeEnc()">CHANGE</button> <p id="Sample"></p> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর:
