‎‎تگ انتخابHTML <select> Tag -‎

Previous >    <Next  

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

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

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

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

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

‎‎عنصر‎<select>‎ براي ايجاد ليست كشوئي انتخاب مورد استفاده ميباشد .

‎‎عنصر فوق اغلب درفرمها براي جمع آوري وتنظيم ورودي كاربرمورد استفاده قرار ميگيرد.

‎ويژگي‎name‎ عنصرليست انتخاب براي ارجاع بداده هاي فرم بعدازارسال لازم است . ‎اگر آن حذف شود، هيچ داده اي از ليست ارسال نميگردد.

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

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

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

‎
‎‎ويژگي ‎‎مقدار ‎‎شــرح
‎autofocus‎ ‎autofocus‎‎ ‎‎مشخص ميكندكه بمحض بالا آمدن صفحه ليست فوكوس شود، مثل كليك
‎disabled‎ ‎disbled‎‎ ‎‎ليست را غير فعال ميكند
‎form‎ ‎form_id‎‎ ‎‎مشخص ميكند كه ليست بكدام فرم متعلق است
‎multiple‎ ‎multiple‎‎ ‎‎مشخص ميكند انتخاب چند گزينه اي را
‎name‎ ‎name‎‎ ‎‎نامي براي ليست مشخص ميكند.
‎required‎ ‎reqired‎‎ ‎‎مشخص ميكند انتخاب ضروري را قبل از ارسال
‎size‎ ‎number‎‎ ‎‎تعداد گرينه قابل مشاهده ليست را مشخص ميكند.

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

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

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

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

‎‎مثال بيشترـ ايجاد ليست با‎<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)

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

‎‎نــدارد.

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

Previous >    <Next