مثال ـ ليست كشوئي با چهار گزينه
<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>
تگ<option> يك گزينه را در ليست انتخابي تعريف ميكند .
عنصر<option> در داخل يك<select> <optgroup> يا عنصر <datalist>قرار ميگيرد .
توجه ـ تگ<option> ميتواند بدون هيچ ويژگي باشد، اما معمولا در فرم نياز به مقدار جهت ارسال ميباشد.
نكته ـ اگر ليست انتخاب داراي گزينه هاي زياديست، ميتوانيد آنهارا در<optgroup> گروه بندي نمائيد..
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شــرح |
---|---|---|
disabled | disabled | مشخص ميكند كه گزينه فعال نبست |
label | text | متن كوتاه براي گزينه |
selected | selected | مشخص ميكند انتخاب گزينه، هنگام لود صفحه |
value | text | مقدار گزينه براي ارسال |
تگ<option> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ استفاده<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>
مثال ـ استفاده<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>
نــدارد.