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

এই অধ্যায়টি 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ফর্ম জমা দেওয়ার পর যে প্রতিক্রিয়া পাওয়া যায় তা কোথায় প্রদর্শন করতে হবে তা উল্লেখ করে

কমেন্ট করুন

Your email address will not be published. Required fields are marked *