مثال (تگ 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>

خودتان امتحان کنید »

تعریف و کاربرد تگ 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