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