مثال ـ سه دكمه راديوئي با برچسب
<form action="/action_page.php"> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label><br><br> <input type="submit" value="Submit"> </form>
تگ<label> براي عناصر مختلفي برچسب تعريف مي نمايد :
استفاده درست از برچسب براي عناصر فوق در موارد زير مفيد مي باشد.
نكته وتوجه ـ مقدار ويژگيfor عنصر برچسب بايد برابر مقدار ويژگيid عنصري باشد، كه باهم متصلند.
Element | |||||
---|---|---|---|---|---|
<label> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شــرح |
---|---|---|
for | element_id | مقدارid عناصرورودي فرم كه برچسب به آنها متصل است مشخص ميكند |
form | form_id | مشخص ميكند كه برچسب بكدام فرم متصل است. |
تگ<label> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
اغلب مرورگرها نمايش عنصر<label> مطابق تنظيمات پيش فرضي زيرانجام ميدهند.
label { cursor: default; }