عنصر select

<select> عنصر لیست کشویی را تعریف می کند:


<select name="cars">
  <option value="volvo">Volvo</option>
<option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

<option> گزینه ای را تعریف می کند که می توان انتخاب کرد.

اگر بخواهید یک گزینه از پیش انتخاب شده تعریف کنید، ویژگی selected را به آن اضافه کنید:

<option value="fiat" selected>Fiat</option>


مقادیر قابل مشاهده:

از ویژگی size برای تعیین تعداد مقادیر قابل مشاهده استفاده کنید:


<select name="cars" size="3">
  <option value="volvo">Volvo</option>
<option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

اجازه دادن به چندین انتخاب:

از ویژگی چندین استفاده کنید تا به کاربر اجازه دهید بیش از یک مقدار را انتخاب کند:

<select name="cars" size="4" multiple>
  <option value="volvo">Volvo</option>
<option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>