آموزش HTML – تگ select

تعریف و کاربرد تگ select در HTML

تگ <select> تگی است که با استفاده از آن می توان یک لیست کشویی ( لیست بازشو ) را ایجاد کرد.

همچنین با استفاده از تگ <option> نیز می توان آیتم ها یا گزینه های لیست کشویی را مشخص یا تعریف کرد.

• تگ <select> برای ایجاد یک لیست کشویی (drop-down) استفاده می شود.
• تگ <option> درون عنصر <select> گزینه های موجود در لیست را تعریف می کند.

مثال از تگ select در HTML

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

مثال شماره ۲ : لیستی که غیرفعال می باشد.

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

مثال شماره ۳ : لیستی که قابلیت انتخاب بیش از چند گزینه را دارد. (برای انتخاب بیش از ۱ آیتم/گزینه باید دکمه Ctrl را از روی صفحه کلید نگه دارید سپس با ماوس گزینه ها را انتخاب نمایید)

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

پشتیبانی مرورگرها از تگ select در HTML

Element
<select>	بله	بله	بله	بله	بله

جدول صفات تگ select در HTML