HTML DOM ফর্ম এনটাইপ প্রপার্টি ফর্ম এলিমেন্টের এনটাইপ অ্যাট্রিবিউটের সাথে যুক্ত। এই প্রপার্টি ফর্মের এনটাইপ অ্যাট্রিবিউট মান সেট করে বা রিটার্ন করে। এনটাইপ অ্যাট্রিবিউট শুধুমাত্র ব্যবহার করা হয় যদি মেথড অ্যাট্রিবিউটের মান "POST" হয়। এনকোড করা উচিত জমা দেওয়া ফর্মে ডেটা নির্দিষ্ট করার জন্য এনটাইপ প্রপার্টি ব্যবহার করা হয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএনটাইপ প্রপার্টি −
সেট করা হচ্ছেformObject.enctype = encoding
এখানে, এনকোডিং "application/x-www-form-urlencoded" হতে পারে, যার অর্থ পাঠানোর আগে সমস্ত অক্ষর এনকোড করা হয় এবং এটিই ডিফল্ট এনকোডিং৷
আরেকটি হল "মাল্টিপার্ট/ফর্ম-ডেটা", যা নির্দিষ্ট করে যে কোনো অক্ষর এনকোড করা উচিত নয় এবং সার্ভারে ফাইল আপলোড করার জন্য ব্যবহার করা হয়।
তৃতীয় এনকোডিং হল "টেক্সট/প্লেইন" এবং এটি শুধুমাত্র স্পেসকে "+" চিহ্নে রূপান্তর করে এবং অন্য কোন এনকোডিং নয়। টেক্সট./প্লেইন এনকোডিং ব্যবহার করা উচিত নয় কারণ এটি নিরাপদ নয়।
উদাহরণ
আসুন আমরা ফর্ম এনটাইপ প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function changeEnc() {
document.getElementById("FORM1").enctype = "application/x-www-form-urlencoded";
document.getElementById("Sample").innerHTML = "The enctype attribute value is now 'application/x-www-form-urlencoded' ";
}
</script>
</head>
<body>
<h1>Form enctype property example</h1>
<form id="FORM1" method="post" enctype="multipart/form-data">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Password <input type="password" name="pass"></label>
</form>
<br>
<button onclick="changeEnc()">CHANGE</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা id=“Form1”, method=“post” এবং enctype দিয়ে “multipart/form-data” সেট করে একটি ফর্ম তৈরি করেছি। এনকটাইপ ফর্ম ডেটার জন্য এনকোডিং টাইপ নির্দিষ্ট করে এবং আমাদের ক্ষেত্রে "মাল্টিপার্ট/ফর্ম-ডেটা" সেট করা আছে। এই এনকোডিং সার্ভারে ফাইল আপলোডের জন্য উপযোগী। ফর্মটিতে একটি পাঠ্য ক্ষেত্র এবং একটি পাসওয়ার্ড ক্ষেত্রও রয়েছে৷
<form id="FORM1" method="post" enctype="multipart/form-data"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form>
তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeEnc() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeEnc()">CHANGE</button>
changeEnc() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে ফর্ম উপাদান পায় এবং এটিকে এনটাইপ প্রপার্টি “application/x-www-form-urlencoded”-এ সেট করে। এটি আমাদের সমস্ত অক্ষরকে এনকোড করে তোলে এবং এটি ডিফল্ট এনকটাইপ এনকোডিং। আইডি "নমুনা" সহ একটি অনুচ্ছেদের অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে আমরা ব্যবহারকারীকে পাঠ্য প্রদর্শন করে এই পরিবর্তনটি দেখাই -
function changeEnc() {
document.getElementById("FORM1").enctype = "application/x-www-form-urlencoded";
document.getElementById("Sample").innerHTML = "The enctype attribute value is now 'application/x-www-form-urlencoded' ";
} 