এইচটিএমএল ফর্ম
একটি HTML ফর্ম হল একটি নথির একটি বিভাগ যাতে টেক্সট ক্ষেত্র, পাসওয়ার্ড ক্ষেত্র, চেকবক্স, রেডিও বোতাম, সাবমিট বোতাম, মেনু ইত্যাদির মতো নিয়ন্ত্রণ থাকে।
একটি এইচটিএমএল ফর্ম ব্যবহারকারীকে ডেটা প্রবেশ করতে সহায়তা করে যা সার্ভারে প্রসেসিংয়ের জন্য পাঠানো হয় যেমন নাম, ইমেল ঠিকানা, পাসওয়ার্ড, ফোন নম্বর ইত্যাদি।
কেন HTML ফর্ম ব্যবহার করুন
আপনি যদি সাইট ভিজিটরের কাছ থেকে কিছু ডেটা সংগ্রহ করতে চান তাহলে HTML ফর্মের প্রয়োজন হয়।
উদাহরণস্বরূপ: যদি একজন ব্যবহারকারী ইন্টারনেটে কিছু আইটেম কিনতে চান, তাহলে তাকে অবশ্যই ফর্মটি পূরণ করতে হবে যেমন শিপিং ঠিকানা এবং ক্রেডিট/ডেবিট কার্ডের বিবরণ যাতে আইটেমটি প্রদত্ত ঠিকানায় পাঠানো যায়।
HTML ফর্ম সিনট্যাক্স
HTML ফর্ম ট্যাগ
আসুন HTML 5 ফর্ম ট্যাগের তালিকা দেখি।
Tag | Description |
---|---|
এটি ব্যবহৃত পাশ দিয়ে ইনপুট প্রবেশ করার জন্য একটি HTML ফর্ম সংজ্ঞায়িত করে। | |
এটি একটি ইনপুট নিয়ন্ত্রণ সংজ্ঞায়িত করে। | |
এটি একটি বহু-লাইন ইনপুট নিয়ন্ত্রণ সংজ্ঞায়িত করে। | |
এটি একটি ইনপুট উপাদানের জন্য একটি লেবেল সংজ্ঞায়িত করে। | |
এটি একটি ফর্মের সাথে সম্পর্কিত উপাদানগুলিকে গোষ্ঠীভুক্ত করে। | |
এটি একটি |
|
এটি একটি ড্রপ-ডাউন তালিকা সংজ্ঞায়িত করে। | |
এটি একটি ড্রপ-ডাউন তালিকায় সম্পর্কিত বিকল্পগুলির একটি গ্রুপকে সংজ্ঞায়িত করে। | |
এটি একটি ড্রপ-ডাউন তালিকার একটি বিকল্প সংজ্ঞায়িত করে। | |
এটি একটি ক্লিকযোগ্য বোতাম সংজ্ঞায়িত করে। |
HTML 5 ফর্ম ট্যাগ
আসুন HTML 5 ফর্ম ট্যাগের তালিকা দেখি।
Tag | Description |
---|---|
এটি ইনপুট নিয়ন্ত্রণের জন্য পূর্ব-নির্ধারিত বিকল্পগুলির একটি তালিকা নির্দিষ্ট করে। | |
এটি ফর্মের জন্য একটি কী-পেয়ার জেনারেটর ক্ষেত্র সংজ্ঞায়িত করে। | |
এটি একটি গণনার ফলাফল সংজ্ঞায়িত করে। |
HTML
HTML
HTML উপাদান
HTML উপাদান মৌলিক ফর্ম উপাদান। এটি ফর্ম ক্ষেত্র তৈরি করতে, ব্যবহারকারীর কাছ থেকে ইনপুট নিতে ব্যবহৃত হয়। আমরা বিভিন্ন তথ্য ফর্ম ব্যবহারকারী সংগ্রহ করার জন্য ফাইল করা বিভিন্ন ইনপুট প্রয়োগ করতে পারি। সাধারণ টেক্সট ইনপুট দেখানোর উদাহরণ নিচে দেওয়া হল।
উদাহরণ:
এইচটিএমএল টেক্সটফিল্ড কন্ট্রোল
ইনপুট ট্যাগের type="text" অ্যাট্রিবিউট টেক্সটফিল্ড কন্ট্রোল তৈরি করে যা সিঙ্গেল লাইন টেক্সটফিল্ড কন্ট্রোল নামেও পরিচিত। নামের বৈশিষ্ট্যটি ঐচ্ছিক, তবে এটি সার্ভার সাইড কম্পোনেন্ট যেমন JSP, ASP, PHP ইত্যাদির জন্য প্রয়োজন।
আউটপুট
দ্রষ্টব্য: আপনি যদি ‘নাম’ বৈশিষ্ট্য বাদ দেন তাহলে টেক্সট ফাইল ইনপুট সার্ভারে জমা দেওয়া হবে না।
HTML
HTML-এ
উদাহরণ:
ফর্মে ট্যাগ লেবেল করুন ;
আকারে লেবেল থাকা ভালো বলে মনে করা হয়। যেহেতু এটি কোড পার্সার/ব্রাউজার/ব্যবহারকারী বন্ধুত্বপূর্ণ করে তোলে।
আপনি যদি লেবেল ট্যাগে ক্লিক করেন তবে এটি পাঠ্য নিয়ন্ত্রণে ফোকাস করবে। এটি করার জন্য, আপনার লেবেল ট্যাগে অ্যাট্রিবিউট থাকতে হবে যা ইনপুট ট্যাগের আইডি অ্যাট্রিবিউটের মতোই হতে হবে।
দ্রষ্টব্য: ফর্মের সাথে
এইচটিএমএল পাসওয়ার্ড ফিল্ড কন্ট্রোল
পাসওয়ার্ড ক্ষেত্র নিয়ন্ত্রণে ব্যবহারকারীর কাছে পাসওয়ার্ড দৃশ্যমান নয়।
HTML 5 ইমেইল ফিল্ড কন্ট্রোল
HTML 5-এ নতুন ইমেল ক্ষেত্র। এটি সঠিক ইমেল ঠিকানার জন্য পাঠ্যকে যাচাই করে। আপনাকে অবশ্যই @ এবং ব্যবহার করতে হবে। এই ক্ষেত্রে.
এটি নীচের মত ব্রাউজারে প্রদর্শিত হবে:
দ্রষ্টব্য: যদি আমরা সঠিক ইমেল না লিখি, তাহলে এটি ত্রুটি প্রদর্শন করবে যেমন:
রেডিও বোতাম নিয়ন্ত্রণ
রেডিও বোতামটি একাধিক বিকল্প থেকে একটি বিকল্প নির্বাচন করতে ব্যবহৃত হয়। এটি লিঙ্গ নির্বাচন, কুইজ প্রশ্ন ইত্যাদির জন্য ব্যবহৃত হয়।
আপনি যদি সমস্ত রেডিও বোতামের জন্য একটি নাম ব্যবহার করেন তবে একবারে শুধুমাত্র একটি রেডিও বোতাম নির্বাচন করা যেতে পারে।
একাধিক বিকল্পের জন্য রেডিও বোতাম ব্যবহার করে, আপনি একবারে শুধুমাত্র একটি বিকল্প বেছে নিতে পারেন।
চেকবক্স নিয়ন্ত্রণ
চেকবক্স নিয়ন্ত্রণ প্রদত্ত চেকবক্স থেকে একাধিক বিকল্প পরীক্ষা করতে ব্যবহৃত হয়।
দ্রষ্টব্য: এগুলি রেডিও বোতামের অনুরূপ তবে এটি একটি সময়ে একাধিক বিকল্প বেছে নিতে পারে এবং রেডিও বোতামটি একবারে একটি বোতাম এবং এর প্রদর্শন নির্বাচন করতে পারে।
জমা বোতাম নিয়ন্ত্রণ
HTML ওয়েব পেজে একটি সাবমিট বোতাম যোগ করতে ব্যবহৃত হয়। যখন ব্যবহারকারী সাবমিট বোতামে ক্লিক করেন, তখন ফর্মটি সার্ভারে জমা হয়।
বাক্য গঠন:
প্রকার = সাবমিট , উল্লেখ করে যে এটি একটি সাবমিট বাটন
ভ্যালু অ্যাট্রিবিউট এমন কিছু হতে পারে যা আমরা ওয়েব পেজের বোতামে লিখি।
নামের বৈশিষ্ট্যটি এখানে বাদ দেওয়া যেতে পারে।
উদাহরণ:
HTML
HTML-এ
HTML ফর্মের উদাহরণ
রেজিস্ট্রেশনের একটি সহজ ফর্মের উদাহরণ নিচে দেওয়া হল।
HTML ফর্মের উদাহরণ
আসুন HTML ফর্ম তৈরির একটি সহজ উদাহরণ দেখি।

