‎‎ويژگيHTML label

Previous >    <Next  

‎‎تعريف وكاربردDefinition and Usag -‎

‎ويژگي‎label‎براي سه عنصر‎<track> , <optgroup> , <option> ‎ ‎استفاده ميشود.

‎براي عنصر‎<track‎ عنواني را براي آن تعريف مي نمايد .مرورگرهنگام فهرست كردن ‎اهنگهاي متني موجود از آن عنوان استفاده ميكند.

‎ويژگي‎label‎درعنصر ‎<option>‎ عنوان كوتاهتري نسبت به محتوي ‎معرفي مي نايد .اين عنوان بجاي محتوي در ليست گزينه ها نمايش داده ميشود.

‎ويژگي‎label‎ درعنصر ‎<optgroup>‎ عنواني را براي گروه گزينه معرفي ‎ميكند .اين عنوان در بالاي گروه گرينه ها نمايش داده ميشود.

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.

‎‎عنصر ‎‎شــرح
<optgroup> ‎‎گرينه هاي مرتبط را در يك لسيت كشوئي‎"drop-‎down list‎"‎معرفي مي نمايد.
<option> ‎‎يك گرينه را در ليست كشوئي معرفي ميكند.
<track> ‎‎يك تراك متني براي عناصر رسانه تعريف ميكند.

‎‎مثالها

‎‎مثالTrack ـ يك ويدئو با دو تراك زيرنوبس وهر دو با عنواني مشخص

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

‎‎مثالOptgroup ـ طبقه بندي گزينه ها وتنظيم عنوان براي آنها

 <label for="cars">Choose a car:</label>
<select  name="cars" id="cars">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

--(go to editor for change code and run)

‎‎مثالOption ـ معرفي عنوان كوتاه براي گزينه

<label for="cars">Choose a car:</label>

<select id="cars">
  <option label="Volvo">Volvo (Latin for "I roll")</option>
  <option label="Saab">Saab (Swedish Aeroplane AB)</option>
  <option label="Mercedes">Mercedes (Mercedes-Benz)</option>
  <option label="Audi">Audi (Auto Union Deutschland Ingolstadt)</option>
</select> 

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎‎عنصر Chorome Edge Firefox Safari Opera
‎track‎ ‎‎18.0‎ ‎‎10.0‎ ‎‎31.0‎ ‎‎6.0‎ ‎‎15.0‎
‎optgroup‎ ‎Yes ‎Yes ‎Yes ‎Yes ‎Yes
‎option‎ ‎Yes ‎Yes ‎Yes ‎Yes ‎Yes

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next