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 ট্যাগ আছে, সেটিতে কাটর্সর নিয়ে যাবে ।

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

HTML Label Tag

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

Related Post

HTML article ট্যাগের ব্যবহার – article ট্যাগ... article ট্যাগ হচ্ছে বহুল ব্যবহৃিত ট্যাগ কোন সংজ্ঞা বা প্রবন্ধ লেখার ক্ষেত্রে ।  article এর বাংলা হচ্ছে প্রবন্ধ এবং এটি আসলেই সে কাজেই ব্যবহার হয় HTML ...
এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
HTML title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
HTML i ট্যাগ ও i ট্যাগের ব্যবহার... সাধারণত HTML i ট্যাগ ব্যবহার করে যেকোন লেখাকে Italic  বা বাকা করা যায়। অর্থাৎ i ট্যাগ ব্যবহার করলে text গুলো এই ধরনের হয়ে যায় This is html i tag । মাঝ...
HTML hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...
HTML datalist ট্যাগ ও HTML datalist এর ব্যবহার... datalist ট্যাগ একটি input ট্যাগের উপাদান, এটির পূর্বনির্ধারিত বিকল্পগুলির একটি তালিকাকে নির্দিষ্ট করে থাকে। অনেক সময় কিছু কিছু সাইটে বা ফর্মে দেখা যায়...

You may also like...

Leave a Reply

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

error: Content is protected !!