لسيت انتخابHTML <datalist> Tag -
Previous > <Nextمثال ـ ليست انتجاب براي عنصر<input>
<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>
تعريف وكاربردDefinition and Usage -
تگ<datalist> ليستي ازگزينه هاي انتخابي را براي عنصر<input> معرفي ميكند.
تگ<datalist> تامين كننده امكان تكميل خودكار براي وروديinput ميباشد .در هنگام وارد كردن اطلاعات يك منوي كشوئي انتخاب گزينه نمايش داده ميشود، كه باانتحاب گزينه، آن گزينه درفيلد ورودي منتقل ميشود.
براي ارتباط دو عنصر<input> , <datalist> بايد مقدار ويژگي list در <input>با مقدار ويژگيid در <datalist> برابر باشد.
گزينه هاي انتخاب در<datalist> بوسيله عنصر <option> در داخل تگ ليست انتخاب معرفي ميشوند
پشتيباني مرورگرBrowser Support -
اعداد در جدول زير نشان دهنده اولين نسخه مرورگراست كه ازتگ فوق پشتباني كامل ميكند.
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
ويژگي هاي جهانيGlobal Attributes -
تگ<datalist> از ويژگي هاي جهانيHTML پيروي ميكند .
ويژگي هاي رويداديEvent Attributes -
همچنين تگ فوق از ويژگي هاي رويدادي پيروي ميكند.
تنظيمات پيش فرضDefault and Settings -
بيشتر مرورگرها عنصر<datalist> را با پيش فرض زير نمايش ميدهند .
datalist {
display: none;
}
مرجع كامل تگهايHTML
مرجع كامل ويژگيهايHTML
Previous > <Next