Post No:07
আগের ব্লগ গুলা পড়ার জন্যে লিংকে ক্লিক করুন:
hashnode.com/@Labib
ফর্ম ট্যাগ কী?
ব্যবহারকারীর ইনপুটের জন্য একটি HTML ফর্ম তৈরি করতে <form> ট্যাগ ব্যবহার করা হয়। <form> উপাদানটিতে নিম্নলিখিত এক বা একাধিক ফর্ম উপাদান থাকতে পারে: <input> <textarea> <button>
ফর্ম ট্যাগ ফাংশন কী?
HTML <form> ট্যাগটি ব্যবহারকারীর ইনপুটের জন্য একটি ফর্ম তৈরি করতে ব্যবহৃত হয়। একটি ফর্মে
textfields
checkboxes
radio-buttons
এবং আরও অনেক কিছু থাকতে পারে। একটি নির্দিষ্ট URL-এ ব্যবহারকারী-ডেটা পাস করতে ফর্মগুলি ব্যবহার করা হয়।
কেন একটি ফর্ম ট্যাগ প্রয়োজন?
আপনি যখন দর্শকদের দেওয়া তথ্য সংগ্রহ করতে চান তখন HTML ফর্ম ট্যাগের প্রয়োজন হয়। উদাহরণস্বরূপ, আপনি দর্শকদের কাছ থেকে নির্দিষ্ট ডেটা সংগ্রহ করতে চাইতে পারেন, যেমন নাম, ইমেল ঠিকানা এবং পাসওয়ার্ড৷ HTML <form> ট্যাগটি একটি ফর্ম তৈরি করতে ব্যবহৃত হয়।
উদাহরণ :
<form action="#">
<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">
</form>
<form> উপাদানটিতে নিম্নলিখিত এক বা একাধিক ফর্ম উপাদান থাকতে পারে:
বিভিন্ন ধরনের ইনপুট নিম্নরূপ:
<input type="button"> এর ব্যবহার -
Button এইচটিএমএল উপাদান হল একটি ইন্টারেক্টিভ উপাদান যা ব্যবহারকারীর দ্বারা সমস্ত ডাটা লেখার পরে যে বাটনে ক্লিক করলে ডাটা গুলো ডাটাবেজে জমা হবে, এ সকল কাজে button ব্যবহার করা হয় | যেমন একটি ফর্ম জমা দেওয়ার কাজে ব্যবহার করা হয় |
<input type="checkbox">
চেকবক্স কি জন্য ব্যবহার করা হয়?
যখন বিকল্পগুলির তালিকা থাকে তখন চেকবক্সগুলি ব্যবহার করা হয় এবং ব্যবহারকারী শূন্য, এক বা একাধিক সহ যেকোনো সংখ্যক পছন্দ নির্বাচন করতে পারে। অন্য কথায়, প্রতিটি চেকবক্স তালিকার অন্য সমস্ত চেকবক্সের থেকে স্বাধীন, তাই একটি বাক্সে টিক চিহ্ন দিলে অন্যগুলিকে আনচেক করা হয় না।
<input type="color"> এর ব্যবহার -
আপনি যদি ডাটা সংগ্রহ করতে চান যে ইউজারের কোন কালার পছন্দ সেক্ষেত্রে আপনি <input type="color"> ব্যবহার করতে পারেন |
<input type="date"> এর ব্যবহার -
Date ব্যবহার করলে ইউজার তার নিজের ইচ্ছামত তারিখ দিতে পারবে |
<input type="datetime-local"> এর ব্যবহার -
Datetime-local ব্যবহার করলে তার লোকাল সময় এবং তারিখ লিখতে পারবে |
<input type="email"> এর ব্যবহার -
আপনি যদি ইমেইল সংগ্রহ করতে চান তাহলে <input type="email"> ব্যবহার করবেন যদি <input type="text"> দেন তাহলে কিন্তু ইউজাররা ইমেইল এর পরিবর্তে অন্য কিছু লিখতে পারবে আর যদি ইনপুট টাইপ ইমেইল দেন তাহলে ইমেইল ছাড়া অন্য কিছু লিখতে পারবেনা
<input type="file"> এর ব্যবহার -
ইহা ব্যাবহার করে আপনি যে কোন ধরনের ফাইল পাঠাতে পারবেন বা সংগ্রহ করতে পারবেন উদাহরণ - zip, txt, pdf, docx etc
<input type="hidden"> এর ব্যবহার -
একটি লুকানো ইনপুট ক্ষেত্র সংজ্ঞায়িত করে। একটি লুকানো ক্ষেত্র ওয়েব বিকাশকারীদের এমন ডেটা অন্তর্ভুক্ত করতে দেয় যা ব্যবহারকারীদের দ্বারা দেখা বা পরিবর্তন করা যায় না যখন একটি ফর্ম |
<input type="image"> এর ব্যবহার -
ইহা ব্যাবহার করে আপনি ইউজারের কাছ থেকে যে কোন ধরনের ইমেজ সংগ্রহ করে রাখতে পারেন | উদাহরণ - jpg, png, jpeg etc..
<input type="password"> এর ব্যবহার -
<ইনপুট> টাইপ পাসওয়ার্ড উপাদান ব্যবহারকারীদের নিরাপদে একটি পাসওয়ার্ড প্রবেশ করার একটি উপায় প্রদান করে। উপাদানটিকে একটি এক-লাইন প্লেইন টেক্সট এডিটর কন্ট্রোল হিসাবে উপস্থাপিত করা হয় যেখানে পাঠ্যটি অস্পষ্ট থাকে যাতে এটি পড়া যায় না, সাধারণত প্রতিটি অক্ষরকে তারকাচিহ্ন ("*") বা একটি বিন্দু ("•") এর মতো প্রতীক দিয়ে প্রতিস্থাপন করে। )
<input type="radio"> এর ব্যবহার -
কোন সময় এমন কিছু ডাটা সংগ্রহ করার প্রয়োজন হয় যে সকল ডাটার অল্টারনেটিভ থাকে না , এই টাইপের ডাটা সংগ্রহ করতে আমরা <input type="radio"> ব্যবহার করতে পারি |
<input type="range"> এর ব্যবহার -
রেঞ্জ ইনপুট টাইপ আপনাকে এমন ক্ষেত্রে ব্যবহারকারীর কাছে একটি মান জিজ্ঞাসা করতে দেয় যেখানে ব্যবহারকারী নির্দিষ্ট সংখ্যাসূচক মান কী তা যত্নও নাও করতে পারেন—বা জানেন না।
<input type="month"> এর ব্যবহার -
<input> টাইপ মাসের উপাদানগুলি ইনপুট ক্ষেত্র তৈরি করে যা ব্যবহারকারীকে একটি মাস এবং বছর প্রবেশ করতে দেয় যাতে একটি মাস এবং বছর সহজেই প্রবেশ করা যায়।
Part o2 Link:https://blog.shikhun.net/html-part-02