HTML label ট্যাগ ও html label ট্যাগের ব্যবহার

label ট্যাগ একটি input elements জন্য একটি লেবেলকে নির্ধারণ করে থাকে। label ট্যাগ form, input ট্যাগ এর মধ্যে ব্যবহার করা হয়ে থাকে। label ট্যাগ ইনপুট id কে নির্ধারণ করে । label ট্যাগের value হিসেবে input ট্যাগের মধ্যে id ব্যবহার করতে হবে কিংবা from elements গুলো label tag এর ভিতরে রাখতে হবে । এটি আসলে যা করে তা হলো ধরুন আপনি একটি রেটিও বাটন তৈরি করেছেন, সেটি আসলে শুধু একটি বাটন । কিন্তু সেই বাটন থেকে কিছু বোঝা যায়না যে এটি কিসের বাটন । সেক্ষেত্রে লেবেল ব্যবহার করে ঠিক করে দেয়া যায় যে রেডিও বাটন টি কি নির্দেশ করে ।  চলুন নিচের অংশে আমরা html label ট্যাগ ব্যবহার ধাপে ধাপে দেখে নেই ।

আমরা আগের টিউটোরিয়ালে আলোচনা করেছি, HTML5 এর বেশ কিছু ট্যাগ এর ব্যবহার নিয়ে । আজকে তারই উপর নির্ভর করে আমরা আলোচনা করবো, html label ট্যাগ ব্যবহার নিয়ে । চলুন তাহলে নিচের অংশে এর ব্যবহার দেখে নেওয়া যাক ।

HTML label ট্যাগের ব্যবহার

নিচের অংশে HTML label ট্যাগ এর কোডের ব্যবহার  তুলে ধরা হল,

<form action="">
   <label for="male">Male</label>
   <input type="radio" name="gender" id="male" value="male"><br>
   <label for="female">Female</label>
   <input type="radio" name="gender" id="female" value="female"><br>
   <label>
      <input type="radio" name="gender" id="other" value="other"><br>
   </label>
</form>

উপরের কোডগুলো ভালো করে দেখুন । সেখানে form ট্যাগ এর মধ্যে label ট্যাগ এবং input ট্যাগ ইউজ করেছি ।

label ট্যাগ একটি id খুঁজে । অর্থাৎ label ট্যাগের for এর মধ্যে যে value সে মূলত একটি আইডি খুঁজে । যে আইডি কোন একটি ইনপুট ফিল্ডের আইডিকে টার্গেট করবে । আপনি যদি ইনপুট টাগের মধ্যে id দিয়ে ভেলুর মান বসে দেন । তাহলে আপনি যে রেডিও বাটন বা চেকবক্স সেলেক্ট করতে যাবেন, সেক্ষেত্রে যার মধ্যে input ট্যাগ আছে, সেটিতে কাটর্সর নিয়ে যাবে ।

উপরের কোডগুলো রান করলে নিচের মতো দেখা যাবে । আপনার ক্ষেত্রে অন্যও হতে পারে ।

উপরের অংশে দেখুন। সেখানে আমরা যদি male বাটন সিলেক্ট করতে চাই, male লেখাতে ক্লিক  করলেও রেডিও বাটন সিলেক্ট হবে ।