কম্পিউটার টিউটোরিয়াল

HTML-এ formenctype অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?


HTML-এ formenctype অ্যাট্রিবিউটের ব্যবহার

formenctype অ্যাট্রিবিউট দেখায় ফর্ম ডেটা সার্ভারে সাবমিট করার সময় কীভাবে এনকোড হবে। এটি HTML5-এ পরিচিত এবং শুধু input type="submit" এবং input type="image" এর সাথে ব্যবহার করা হয়।

formenctype অ্যাট্রিবিউটের মানগুলো নিচে দেওয়া হলো:

ক্রমিক নং মান ও বর্ণনা
১ application/x-www-form-urlencoded
এটি ডিফল্ট। সব ক্যারেক্টার পাঠানোর আগে এনকোড হয়।
২ multipart/form-data
কোনো ক্যারেক্টার এনকোড হয় না। ফাইল আপলোডের জন্য আবশ্যক।
৩ text/plain
এখানে স্পেসগুলো + চিহ্নে রূপান্তরিত হয়। কিন্তু কোনো স্পেশাল ক্যারেক্টার এনকোড হয় না।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ formenctype অ্যাট্রিবিউটের ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML formenctype attribute</title>
  </head>
  <body>
    <form action="" method="post">
      নাম<input type="text" name="name"/><br>
      <input type="submit" formenctype="multipart/form-data" value="সাবমিট">
    </form>
  </body>
</html>

HTML-এ formenctype অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

দ্রষ্টব্য: ফাইল আপলোডের ফর্মে অবশ্যই enctype="multipart/form-data" (ফর্মে) বা formenctype="multipart/form-data" (সাবমিট বাটনে) ব্যবহার করতে হবে। অন্যথায় ফাইল ডেটা সার্ভারে পাবেন না।

  1. HTML-এ প্লেসহোল্ডার অ্যাট্রিবিউটের ব্যবহার

  2. HTML-এ প্যাটার্ন অ্যাট্রিবিউটের ব্যবহার

  3. HTML-এ মাল্টিপল অ্যাট্রিবিউটের ব্যবহার

  4. HTML-এ লিস্ট অ্যাট্রিবিউটের ব্যবহার