آموزش و يادگيري تگ select در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <select> آشنا مي‌شويم. اين تگ براي ايجاد فهرست‌هاي کشويي (dropdown) استفاده مي‌شود و کاربران مي‌توانند از ميان گزينه‌هاي ارائه شده انتخاب کنند.

تگ select در HTML چيست؟

تگ <select> به شما اجازه مي‌دهد يک منوي انتخاب ايجاد کنيد که شامل يک يا چند <option> است. اين تگ معمولاً در فرم‌ها براي دريافت ورودي کاربران استفاده مي‌شود.

مثال ساده از تگ select

<label for="cars">انتخاب خودرو:</label>
<select id="cars" name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

در اين مثال، کاربران مي‌توانند از ميان چهار گزينه يک مورد را انتخاب کنند.

ويژگي‌هاي مهم تگ select

ويژگي	توضيح
name	نام فيلد براي ارسال داده در فرم
id	شناسه براي لينک با label يا CSS
multiple	امکان انتخاب چند گزينه به‌صورت همزمان
disabled	غيرفعال کردن کل منو

مثال با ويژگي multiple

<label for="fruits">انتخاب ميوه‌ها:</label>
<select id="fruits" name="fruits" multiple>
  <option value="apple">سيب</option>
  <option value="banana">موز</option>
  <option value="orange">پرتقال</option>
</select>

با ويژگي multiple کاربران مي‌توانند چند گزينه را همزمان انتخاب کنند.