تگ select در HTML
مثال (تگ select در HTML)
یک لیست drop-down برای چهار options:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
خودتان امتحان کنید »
تعریف و کاربرد تگ select در HTML
تگ <select> برای ایجاد یک لیست کشویی (drop-down) استفاده می شود.
تگ <option> درون عنصر <select> گزینه های موجود در لیست را تعریف می کند.
پشتیبانی مرورگرها از تگ select در HTML
عنصر | |||||
---|---|---|---|---|---|
<select> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: عنصر <select> برای کنترل فرم است، و در یک فرم می تواند برای جمع آوری ورودی کاربر استفاده شود.
تفاوت بین HTML 4.01 و HTML5
برخی از خصوصیت های جدید در HTML5 اضافه شده است.
خصوصیت ها
= جدید در HTML5.
خصوصیت | مقدار | توضیحات |
---|---|---|
autofocus | autofocus | مشخص می کند که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد. |
disabled | disabled | مشخص می کند که لیست drop-down باید غیر فعال باشد. |
form | form_id | فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند. |
multiple | multiple | مشخص می کند که مقادیر متعددی را می توان یکمرتبه انتخاب کرد. |
name | name | یک name برای لیست drop-down تعریف می کند. |
required | required | مشخص می کند که فیلد ورودی قبل از ارسال به سرور باید حتما پر شده باشد. |
size | number | تعداد مقادیر قابل مشاهده در لیست را مشخص می کند. |
ویژگی های عمومی تگ select در HTML
تگ <select> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ select در HTML
تگ <select> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ select در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 19779