HTML enctype অ্যাট্রিবিউট ফর্ম ডেটার এনকোড ফরম্যাট নির্দিষ্ট করে। POST মেথড ব্যবহৃত হলে enctype অ্যাট্রিবিউট নির্দিষ্ট করা যাবে।
এখানে enctype অ্যাট্রিবিউটের সম্ভাব্য মানগুলো:
| মান | বিবরণ |
|---|---|
| application/x-www-form-urlencoded | ডিফল্ট মান। সব ক্যারেক্টার পাঠানোর আগে এনকোড হয় (স্পেস "+" চিহ্নে রূপান্তরিত হয়, বিশেষ ক্যারেক্টার ASCII HEX মানে রূপান্তরিত হয়) |
| multipart/form-data | ক্যারেক্টার এনকোড করে না। ফাইল আপলোড কন্ট্রোল থাকলে এই মান বাধ্যতামূলক |
| text/plain | স্পেস "+" চিহ্নে রূপান্তরিত হয়, কিন্তু কোনো বিশেষ ক্যারেক্টার এনকোড হয় না |
উদাহরণ
HTML enctype প্রোপার্টির একটি উদাহরণ:
<!DOCTYPE html> <html> <head> <title>HTML enctype attribute</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form enctype="multipart/form-data" action="" method="post"> <fieldset> <legend>HTML-enctype-attribute</legend> <label for="EmailSelect">Email Id: <input type="email" id="EmailSelect"> <input type="button" onclick="getUserEmail('david')" value="David"> <input type="button" onclick="getUserEmail('shasha')" value="Shasha"><br> <input type="button" onclick="login()" value="Login"> </label> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var inputEmail = document.getElementById("EmailSelect"); function getUserEmail(userName) { if(userName === 'david') inputEmail.value = 'davidMiller@MNC.com'; else inputEmail.value = 'shashaGreen@MNC.com'; } function login() { if(inputEmail.value !== '') divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0]; else divDisplay.textContent = 'Enter Email Id'; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
১) খালি ইমেইল ফিল্ডে 'Login' বাটনে ক্লিক করলে:
২) ইমেইল ফিল্ড সেট থাকলে 'Login' বাটনে ক্লিক করলে:
