এই অধ্যায়টি HTML <form>
এলিমেন্টের বিভিন্ন বৈশিষ্ট্য (ফর্ম অ্যাট্রিবিউট) বর্ণনা করবে ।
Action Attribute
action
অ্যাট্রিবিউট ফর্ম জমা দেওয়ার সময় ক্রিয়াটি সংজ্ঞায়িত করে।
সাধারণত, ফর্ম ডেটা সার্ভারে একটি ফাইলে পাঠানো হয় যখন ব্যবহারকারী সাবমিট বোতামে ক্লিক করে।
নিচের উদাহরণে, ফর্ম ডেটা “action_page.php” নামে একটি ফাইলে পাঠানো হয়। এই ফাইলটিতে একটি সার্ভার-সাইড স্ক্রিপ্ট রয়েছে যা ফর্ম ডেটা পরিচালনা করে:
<form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="Shariar"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Sarkar"><br><br> <input type="submit" value="Submit"> </form>
যদি
action
অ্যাট্রিবিউট টি <form> এ সেট করা না থাকে, তাহলে এটি ডিফল্ট ভাবে বর্তমান পেজেই সাবমিট হবে ।
Target Attribute
target
অ্যাট্রিবিউট নির্দিষ্ট করে যে ফর্ম জমা দেওয়ার পর যে প্রতিক্রিয়া (response) পাওয়া যায় তা কোথায় প্রদর্শন করতে হবে।
টার্গেট অ্যাট্রিবিউট নিম্নলিখিত মানগুলির মধ্যে একটি হতে পারে:
ভেলু | বর্ণনা |
_blank | প্রতিক্রিয়া একটি নতুন উইন্ডো বা ট্যাবে প্রদর্শিত হয় |
_self | প্রতিক্রিয়া বর্তমান উইন্ডোতে প্রদর্শিত হয় |
_parent | প্রতিক্রিয়া মূল ফ্রেমে প্রদর্শিত হয় |
_top | প্রতিক্রিয়া ওয়েব পেজের পুরো অংশে প্রদর্শিত হয় |
framename | প্রতিক্রিয়া একটি আইফ্রেমে প্রদর্শিত হয় |
ডিফল্ট মান হল _self
যার অর্থ বর্তমান উইন্ডোতে প্রতিক্রিয়া খুলবে।
উদাহরন
এখানে, জমা দেওয়া ফলাফল একটি নতুন ব্রাউজার ট্যাবে খুলবে:
<form action="/action_page.php" target="_blank">
Method Attribute
method
অ্যাট্রিবিউট ফর্ম ডেটা জমা দেওয়ার সময় ব্যবহার করার জন্য HTTP পদ্ধতি নির্দিষ্ট করে।
ফর্ম ডেটা জমা দেওয়ার সময় সেগুলো URL ভেরিয়েবল হিসেবে ( method="get"
) অথবা HTTP পোষ্ট হিসেবে ( method="post"
) সাভারে পাঠানো হয় ।
ফর্ম ডেটা জমা দেওয়ার সময় ডিফল্ট HTTP পদ্ধতি হল GET।
উদাহরন
ফর্ম ডেটা জমা দেওয়ার সময় এই উদাহরণটি GET পদ্ধতি ব্যবহার করে:
<form action="/action_page.php" method="get">
উদাহরন
ফর্ম ডেটা জমা দেওয়ার সময় এই উদাহরণটি POST পদ্ধতি ব্যবহার করে:
<form action="/action_page.php" method="post">
Notes on GET:
- ফর্মের ডাটা ওয়েব পেজের ULR এর মাধ্যমে সার্ভারে যায় name/value জোড়া আকারে
- স্পর্শকাতর তথ্য পাঠাতে কখনোই GET ব্যবহার করবেন না! (জমা দেওয়া ফর্ম ডেটা URL- এ দৃশ্যমান হয়!)
- একটি URL এর দৈর্ঘ্য সীমিত (2048 অক্ষর) ফলে বেশি তথ্য পাঠানো যায়না
- এটি ব্যবহার করা য়ায় সার্চ করার ক্ষেত্রে যা ব্যবহারকারি বুকমার্ক করে রাখতে পারে ওয়েব ব্রাউজার এ ।
- GET ম্যাথোড অ-সুরক্ষিত ডেটার জন্য ভালো, যেমন গুগলে ক্যোয়ারী স্ট্রিং
Notes on POST:
- HTTP অনুরোধের মূল অংশের ভিতরে ফর্ম ডেটা যুক্ত করে ( জমা দেওয়া ফর্মের ডেটা ULR এ দেখানো হয় না )
- POST এর কোন আকার সীমাবদ্ধতা নেই, এবং এটি প্রচুর পরিমাণে ডেটা পাঠাতে ব্যবহার করা যেতে পারে।
- POST ম্যাথোড এ ফর্ম জমা দেওয়া হলে বুকমার্ক করা যাবে না কারন এটি ULR এর মাধ্যমে সার্ভারে যায়না, হিডেন অবস্থায় সার্ভারে যায় ।
ফর্মের ডেটা সংবেদনশীল বা ব্যক্তিগত তথ্য থাকলে সর্বদা POST ব্যবহার করুন!
ফর্ম অ্যাট্রিবিউট এর তালিকা
অ্যাট্রিবিউট | বর্ননা |
accept-charset | ফর্ম জমা দেওয়ার জন্য ব্যবহৃত অক্ষর এনকোডিং (character set encodings) গুলি নির্দিষ্ট করে |
action | ফর্ম জমা দেওয়ার সময় ফর্ম-ডেটা কোথায় পাঠাতে হবে তা নির্দিষ্ট করে |
autocomplete | একটি ফর্ম স্বয়ংসম্পূর্ণ ভাবে (পুরোনো ডাটা) পুরন করবে কিনা তা নির্দিষ্ট করে |
enctype | সার্ভারে জমা দেওয়ার সময় কিভাবে ফর্ম-ডেটা এনকোড করা হবে তা উল্লেখ করে ( এটি শুধু method=”post” এর ক্ষেত্রে কাজ করে) |
method | ফর্ম-ডেটা পাঠানোর সময় HTTP পদ্ধতি নির্দিষ্ট করে |
name | ফর্মের নাম কিংবা ফর্ম এলিমেন্ট গুলোর নাম উল্লেখ করে |
novalidate | ফর্ম-ডেটা পাঠানোর সময় নির্দিষ্ট করে যে, জমা দেওয়ার সময় ফর্মটি যাচাই যেন না করা হয় |
rel | বর্তমান ডকুমেন্টের এর সাথে লিংক করা কোন রিসোর্স এর সম্পর্ক বর্ননা করে । |
target | ফর্ম জমা দেওয়ার পর যে প্রতিক্রিয়া পাওয়া যায় তা কোথায় প্রদর্শন করতে হবে তা উল্লেখ করে |