বিবরণ
<label> এলিমেন্টের for অ্যাট্রিবিউট ব্যবহার করা হয় একটি এলিমেন্টকে লেবেল দিয়ে চিহ্নিত করার জন্য।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<label for="id">
উপরোক্ত, id হলো সংশ্লিষ্ট এলিমেন্টের id।
উদাহরণ
আইয়ে এখন <label> এলিমেন্টের for অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <h2>Last Semester Results</h2> <form> <fieldset> <legend>Result</legend> <label for="stinfo">Student:</label> <input type="text" id ="stinfo" value="Jack"><br> <label for="sub">Subject:</label> <input type="text" value="Maths"><br> <label for="rank">Rank:</label> <input type="number" value="8"><br> </fieldset> </form> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
উদাহরণের ব্যাখ্যা
উপরোক্ত উদাহরণে, আমাদের একটি ফর্ম আছে কিছু ফিল্ডসহ:
<form> <fieldset> <legend>Result</legend> <label for="stinfo">Student:</label> <input type="text" id ="stinfo" value="Jack"><br> <label for="sub">Subject:</label> <input type="text" value="Maths"><br> <label for="rank">Rank:</label> <input type="number" value="8"><br> </fieldset> </form>
আমরা ফিল্ডের জন্য লেবেল সেট করেছি <label> এলিমেন্টের for অ্যাট্রিবিউট ব্যবহার করে, উদাহরণস্বরূপ:
<label for="stinfo">Student:</label> <input type="text" id ="stinfo" value="Jack"><br>
এখন stinfo id-যুক্ত ইনপুট টাইপ টেক্সট-এ "Student" লেবেল থাকবে কারণ আমরা label for দিয়ে সেট করেছি:
<label for="stinfo">Student:</label>
