‎‎تگ گزينهHTML <option> Tag -‎

Previous >    <Next  

‎‎مثال ـ ليست كشوئي با چهار گزينه

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

<select id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select> 

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

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

‎‎تگ‎<option>‎ يك گزينه را در ليست انتخابي تعريف ميكند .

‎عنصر‎<option>‎ در داخل يك‎<select> <optgroup>‎ يا عنصر ‎<datalist>‎‎قرار ميگيرد .

‎توجه ـ تگ‎<option>‎ ميتواند بدون هيچ ويژگي باشد، اما معمولا در فرم نياز به ‎مقدار جهت ارسال ميباشد.

‎نكته ـ اگر ليست انتخاب داراي گزينه هاي زياديست، ميتوانيد آنهارا در‎<optgroup>‎ ‎گروه بندي نمائيد..

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

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<option>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttributes -‎

‎‎ويژگي ‎‎مقدار ‎‎شــرح
‎disabled‎ disabled‎‎ ‎‎مشخص ميكند كه گزينه فعال نبست
‎label‎ text‎‎ ‎‎متن كوتاه براي گزينه
‎selected‎ selected‎‎ ‎‎مشخص ميكند انتخاب گزينه، هنگام لود صفحه
‎value‎ text‎‎ ‎‎مقدار گزينه براي ارسال

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<option>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ استفاده‎<option>‎ در عنصر ‎<datalist>

<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

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

‎‎مثال ـ استفاده‎<option>‎ در عنصر ‎<optgroup>

 <label for="cars">Choose a car:</label>
<select 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)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎نــدارد.

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


Previous >    <Next