HTML Input form* Attributes

HTML ইনপুট ফর্ম* বৈশিষ্ট্যগুলি শিখুন

HTML ইনপুট ফর্ম* বৈশিষ্ট্য

এই অধ্যায়টি HTML <input> উপাদানের জন্য বিভিন্ন ফর্ম* বৈশিষ্ট্য বর্ণনা করে।

🎯মূল ধারণা:

ফর্ম* বৈশিষ্ট্যগুলি ইনপুট উপাদানগুলিকে ফর্ম উপাদানের বৈশিষ্ট্যগুলিকে ওভাররাইড করার অনুমতি দেয়। এগুলি সাধারণত সাবমিট এবং ইমেজ ইনপুট প্রকারের সাথে ব্যবহার করা হয়।

form
ইনপুট উপাদানটি যে ফর্মের সাথে সম্পর্কিত তা নির্দিষ্ট করে
formaction
একটি কার্যকরী URL ওভাররাইড করে
formenctype
এনক্রিপশন পদ্ধতি লঙ্ঘন করে
formmethod
HTTP পদ্ধতি লঙ্ঘন করে
formtarget
লক্ষ্যমাত্রা ছাড়িয়ে গেছে
formnovalidate
বৈধতা লঙ্ঘন করে

ফর্ম বৈশিষ্ট্য

ইনপুট ফর্ম অ্যাট্রিবিউট সেই ফর্মটি নির্দিষ্ট করে যেটি <input> উপাদানটির অন্তর্গত।

এই অ্যাট্রিবিউটের মান অবশ্যই <form> এলিমেন্টের আইডি অ্যাট্রিবিউটের সমান হতে হবে যার সাথে এটি রয়েছে।

উদাহরণ

একটি HTML ফর্মের বাইরে অবস্থিত একটি ইনপুট ক্ষেত্র (কিন্তু এখনও ফর্মের অংশ):

<form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">
<form id="form1">
Outside form
দ্রষ্টব্য:ফর্ম অ্যাট্রিবিউট ইনপুট উপাদানগুলিকে তাদের সংশ্লিষ্ট ফর্ম উপাদানগুলির বাইরে স্থাপন করার অনুমতি দেয়, HTML গঠন উন্নত করে।

গঠন বৈশিষ্ট্য

ইনপুটফরম্যাকশন অ্যাট্রিবিউট ফাইলের URL নির্দিষ্ট করে যা ফর্ম জমা দেওয়ার সময় ইনপুট প্রক্রিয়া করে।

দ্রষ্টব্য:এই বৈশিষ্ট্যটি <form> উপাদানের কর্ম বৈশিষ্ট্যকে ওভাররাইড করে।
বৈশিষ্ট্য দরকারী ইনপুট প্রকার
formaction জমা দিন এবং ছবি

উদাহরণ

দুটি সাবমিট বোতাম সহ একটি HTML ফর্ম বিভিন্ন ক্রিয়া সহ:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>



দ্বিতীয় বোতামটি formaction="/action_page2.php" অ্যাট্রিবিউট দিয়ে ফর্মের ক্রিয়াকে ওভাররাইড করে

ফরমেন্সটাইপ অ্যাট্রিবিউট

ইনপুট ফর্মেন্টাইপ অ্যাট্রিবিউট নির্দিষ্ট করে যে ফর্ম-ডেটা জমা দেওয়ার সময় কীভাবে এনকোড করা উচিত (কেবল পদ্ধতি="পোস্ট" সহ ফর্মগুলির জন্য)।

দ্রষ্টব্য:এই বৈশিষ্ট্যটি <form> উপাদানের এনটাইপ বৈশিষ্ট্যকে ওভাররাইড করে।

উদাহরণ

দুটি জমা বোতাম সহ একটি ফর্ম। প্রথমটি ডিফল্ট এনকোডিং সহ ফর্ম-ডেটা পাঠায়, দ্বিতীয়টি "মাল্টিপার্ট/ফর্ম-ডেটা" হিসাবে এনকোড করা ফর্ম-ডেটা পাঠায়:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>

💡প্রধান আবেদন:

ফাইল আপলোডের জন্য formectype="multipart/form-data" প্রয়োজন কারণ এটি বাইনারি ডেটা পাঠানোর অনুমতি দেয়।

ফর্মমেথড অ্যাট্রিবিউট

ইনপুট ফর্মমেথড অ্যাট্রিবিউট অ্যাকশন URL-এ ফর্ম-ডেটা পাঠানোর জন্য HTTP পদ্ধতিকে সংজ্ঞায়িত করে।

দ্রষ্টব্য:এই বৈশিষ্ট্যটি <form> উপাদানটির পদ্ধতি বৈশিষ্ট্যকে ওভাররাইড করে।

উদাহরণ

দুটি জমা বোতাম সহ একটি ফর্ম। প্রথমটি method="get" দিয়ে ফর্ম-ডেটা পাঠায়। দ্বিতীয়টি method="post" সহ ফর্ম-ডেটা পাঠায়:

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>

"GET" পদ্ধতিতে নোট:

  • এই পদ্ধতিটি ফর্ম-ডেটাকে URL-এর সাথে নাম/মান পেয়ার হিসেবে আবদ্ধ করে
  • এই পদ্ধতিটি ফর্ম জমা দেওয়ার জন্য দরকারী যেখানে ব্যবহারকারী ফলাফল বুকমার্ক করতে চায়
  • একটি ইউআরএলে কতটা ডেটা রাখা যাবে তার একটা সীমা আছে
  • স্পর্শকাতর তথ্য পাঠাতে "GET" পদ্ধতি ব্যবহার করবেন না!

"POST" পদ্ধতিতে নোট:

  • এই পদ্ধতিটি একটি HTTP পোস্ট লেনদেন হিসাবে ফর্ম-ডেটা পাঠায়
  • "POST" পদ্ধতি সহ ফর্ম জমা বুকমার্ক করা যাবে না
  • "পোস্ট" পদ্ধতি "GET" এর চেয়ে আরও শক্তিশালী এবং সুরক্ষিত।
  • "POST" এর কোনো আকারের সীমা নেই

ফরমটার্গেট অ্যাট্রিবিউট

ইনপুট ফর্মটার্গেট অ্যাট্রিবিউট একটি নাম বা কীওয়ার্ড নির্দিষ্ট করে যা নির্দেশ করে যে ফর্মটি জমা দেওয়ার পরে প্রাপ্ত প্রতিক্রিয়া কোথায় প্রদর্শন করতে হবে।

দ্রষ্টব্য:এই বৈশিষ্ট্যটি <form> উপাদানের লক্ষ্য বৈশিষ্ট্যকে ওভাররাইড করে।

উদাহরণ

বিভিন্ন টার্গেট উইন্ডো সহ দুটি জমা বোতাম সহ একটি ফর্ম:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
লক্ষ্য মান ব্যাখ্যা
_blank নতুন উইন্ডো/ট্যাবে খোলে
_self বর্তমান উইন্ডোতে খোলে (ডিফল্ট)
_parent শীর্ষে খোলে
_top পুরো উইন্ডোতে খোলে

formnovalidate বৈশিষ্ট্য

ইনপুট ফর্মনোলিডেট অ্যাট্রিবিউট নির্দিষ্ট করে যে একটি <ইনপুট> উপাদান জমা দেওয়ার সময় যাচাই করা উচিত নয়।

দ্রষ্টব্য:এই অ্যাট্রিবিউটটি <form> এলিমেন্টের নোভালিডেট অ্যাট্রিবিউটকে ওভাররাইড করে।

উদাহরণ

দুটি জমা বোতাম সহ একটি ফর্ম (বৈধকরণ সহ এবং ছাড়া):

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formnovalidate="formnovalidate"
  value="Submit without validation">
</form>

novalidate বৈশিষ্ট্য

নোভালিডেট অ্যাট্রিবিউট হল একটি <form> অ্যাট্রিবিউট।

উপস্থিত থাকলে, নোভালিডেট উল্লেখ করে যে জমা দেওয়ার সময় সমস্ত ফর্ম-ডেটা যাচাই করা উচিত নয়।

উদাহরণ

উল্লেখ করুন যে জমা দেওয়ার সময় কোনও ফর্ম-ডেটা যাচাই করা উচিত নয়:

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

⚠️মূল পার্থক্য:

novalidate(ফর্মে): সম্পূর্ণ ফর্মের জন্য বৈধতা অক্ষম করে
formnovalidate(ইনপুটে): নির্দিষ্ট জমা বোতামের জন্য বৈধতা অক্ষম করে

অনুশীলন করুন

কোনটি একটি INPUT উপাদানের জন্য একটি আইনি ফর্ম বৈশিষ্ট্য নয়?

formaction
✗ ভুল! গঠন একটি আইনি HTML বৈশিষ্ট্য যা সাবমিট বোতামের ক্রিয়াকে ওভাররাইড করে
formtype
✓ ঠিক আছে! formtype একটি আইনি HTML বৈশিষ্ট্য নয়। সঠিক বৈশিষ্ট্য হল প্রকার
formtarget
✗ ভুল! formtarget হল একটি আইনি HTML অ্যাট্রিবিউট যা সাবমিট বোতামের লক্ষ্যকে ওভাররাইড করে

এইচটিএমএল ফর্ম এবং ইনপুট উপাদান

ট্যাগ ব্যাখ্যা
<form> ব্যবহারকারীর ইনপুটের জন্য একটি HTML ফর্ম সংজ্ঞায়িত করে
<input> ইনপুট নিয়ন্ত্রণ সংজ্ঞায়িত করে

🔗অতিরিক্ত উত্স:

সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।

ফর্ম* বৈশিষ্ট্যের সারাংশ:

বৈশিষ্ট্য লঙ্ঘন করে দরকারী ইনপুট প্রকার
form - সবকিছু
formaction action submit, image
formenctype enctype submit, image
formmethod method submit, image
formtarget target submit, image
formnovalidate novalidate submit