در این بخش از آموزش HTML تگ Optgroup، تگ Option و تگ Select را به شما آموزش می‌دهیم.

تگ select

این تگ برای اضافه کردن drop-down استفاده می‌شود. این تگ برای ایجاد یک منوی کشویی که دارای چند گزینه می‌باشد استفاده می‌شود. تگ option از زیرمجموعه‌های تگ select می‌باشد و با استفاده از آن می‌توان قابلیت‌هایی را به وب سایت اضافه کرد.

مثال زیر کاربرد تگ select را نشان می‌دهد. <select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

تگ option 

از تگ option برای ایجاد گزینه‌هایی که در لیست نمایش داده می‌شود، استفاده می‌کنیم. این تگ داخل تگ‌های select قرار گرفته است همچنین این تگ از ویژگی‌های عمومی در html را پشتیبانی می‌کند.

مثال زیر کاربرد تگ option را در طراحی سایت نشان می‌دهد. <select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

تگ optgroup

از تگ optgroup برای ایجاد تعدادی از option ها در یک drop-down استفاده می‌شود. در صورتی که گزینه‌های موجود در لیست شما زیاد باشد می‌توانید از این تگ استفاده کنید.

مثال زیر کاربرد تگ optgroup را در بخش طراحی سایت نشان می‌دهد. <select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>