এই অংশে HTML <input> উপাদানের জন্য বিভিন্ন ফর্ম* বৈশিষ্ট্য গুলো বর্ণনা করে।
form Attribute
ইনপুট ফর্ম অ্যাট্রিবিউট টি <input> উপাদানটি যে ফর্মের সাথে সম্পর্কিত তা নির্দিষ্ট করে ৷
এই অ্যাট্রিবিউটের মান অবশ্যই <form> এলিমেন্টের id অ্যাট্রিবিউটের সমান হতে হবে।
উদাহরন
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">
formaction Attribute
formaction বৈশিষ্ট্যটি ফাইলের URL নির্দিষ্ট করে যা ফর্ম জমা দেওয়ার সময় ইনপুট প্রক্রিয়া করবে।
এই বৈশিষ্ট্যটি
<form>উপাদানেরactionবৈশিষ্ট্যকে ওভাররাইড করে।
fromaction বৈশিষ্ট্যটি নিম্নলিখিত ইনপুট টাইপ এর সঙ্গে কাজ করে:
submit এবং image.
উদাহরন
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>
formenctype Attribute
ইনপুট formenctype অ্যাট্রিবিউট নির্দিষ্ট করে যে ফর্ম-ডেটা জমা দেওয়ার সময় কীভাবে এনকোড করা উচিত ( এটি শুধু ফর্ম এর method = "post" এর সাথে কাজ করে )
এই বৈশিষ্ট্যটি
<form>উপাদানেরenctypeবৈশিষ্ট্যকে ওভাররাইড করে।
fromenctype বৈশিষ্ট্যটি নিম্নলিখিত ইনপুট টাইপ এর সঙ্গে কাজ করে:
submit এবং image.
উদাহরন
নিচের HTML ফর্মের দুটি সাবমিট বাটন আছে । প্রথমটি ডিফল্ট একোনডিং এ form-data পাঠায় আর দ্বিতীয় টি "multipart/form-data" এনকোডিং এ form-data পাঠায় ।
<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">
formmethod Attribute
ইনপুট formmethod অ্যাট্রিবিউট action URL-এ ফর্ম-ডেটা পাঠানোর জন্য HTTP পদ্ধতিকে সংজ্ঞায়িত করে।
এই বৈশিষ্ট্যটি
<form>উপাদানটিরmethodবৈশিষ্ট্যকে ওভাররাইড করে
formmethod attribue টিও ইনপুট এর submit ও image টাইপ এর সাথে কাজ করে ।
একটি ফর্ম এর form-data গুলো URL variables (method="get") এর মাধ্যমে কিংবা HTTP post transaction (method="post") এর মাধ্যমে সার্ভারে পাঠানো যেতে পারে ।
“get” method:
- এই পদ্ধতিটি নাম/মান জোড়ায় URL-এ ফর্ম-ডেটা যুক্ত করে
- যখন কোন ইউজার পেজের লিংক বুকমার্ক রকতে চায, তখন এই মেথট টি কাজে লাগে ।
- একটি URL-এ আপনি কতটা ডেটা রাখতে পারেন তার একটি সীমা রয়েছে (ব্রাউজারগুলির মধ্যে পরিবর্তিত হয়), তাই, আপনি নিশ্চিত হতে পারবেন না যে সমস্ত ফর্ম-ডেটা সঠিকভাবে স্থানান্তরিত হবে Get Method এ ।
- সংবেদনশীল তথ্য পাস করার জন্য কখনই “get” পদ্ধতি ব্যবহার করবেন না! (পাসওয়ার্ড বা অন্যান্য সংবেদনশীল তথ্য ব্রাউজারের ঠিকানা বারে দৃশ্যমান হবে)
“post” method:
- এই পদ্ধতিটি একটি HTTP পোস্ট লেনদেন হিসাবে ফর্ম-ডেটা পাঠায়
- “post” পদ্ধতি সহ ফর্ম জমা বুকমার্ক করা যাবে না ( এটি ফর্ম সাবমিট করার সময় URL পরিবর্তন করে না )
- “post” পদ্ধতি “get” এর চেয়ে আরও শক্তিশালী এবং নিরাপদ এবং “post” এর আকারের সীমাবদ্ধতা নেই
উদাহরন
দুটি submit বোতাম সহ একটি ফর্ম। প্রথমটি 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>
formtarget Attribute
ইনপুট formtarget অ্যাট্রিবিউট একটি নাম বা একটি কীওয়ার্ড নির্দিষ্ট করে যা নির্দেশ করে যে ফর্ম জমা দেওয়ার পরে প্রাপ্ত প্রতিক্রিয়াটি কোথায় প্রদর্শন করতে হবে।
এই বৈশিষ্ট্যটি
<form>উপাদানের লক্ষ্য বৈশিষ্ট্যকে ওভাররাইড করে
formtarget অ্যাট্রিবিউট টি নিম্নলিখিত ইনপুট প্রকারের সাথে কাজ করে: submit এবং image
উদাহরন
দুটি submit বোতাম সহ একটি ফর্ম যেখানে ভিন্ন ভিন্ন target window আছে
<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>
formnovalidate Attribute
ইনপুট formnovalidate অ্যাট্রিবিউট নির্দিষ্ট করে যে একটি <input> উপাদান জমা দেওয়ার সময় যাচাই করা উচিত নয় । অর্থাৎ এটি থাকলে ফর্ম সাবমিট করার সময় ভেলিডেট হবেনা ।
এই বৈশিষ্ট্যটি <form> উপাদানের নোভ্যালিডেট বৈশিষ্ট্যকে ওভাররাইড করে।
formnovalidate অ্যাট্রিবিউট টি ইনপুট টাইপ submit এর সাথে কাজ করে ।
উদাহরন
দুটি submit বোতাম সহ একটি ফর্ম যেখানে একটিতে formnovalidate ব্যবহার করা হয়েছে, অন্য টিতে হয়নি ।
<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 Attribute
novalidate attribute টি একটি <form> attribute.
এটি ফর্মে উপস্থিত থাকাকালীন ফর্মটি সাবমিট করার সময় সেটি আর ভ্যালিডেট হবেনা ।
উদাহরন
novalidate ব্যবহার করা হলে form-data গুলো আর ভ্যালিডেট হয়না ।
<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>