+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: آموزش (/forum-25.html)
+--- انجمن: آموزش اچ تی ام ال (/forum-26.html)
+--- موضوع: تگ optgroup (/thread-19835.html)
تگ optgroup - saharrahin - ۹-۴-۱۳۹۵ ۰۹:۴۹ عصر
تگ <select>
از تگ select برای ایجاد یک لیست drop-down میتوان استفاده کرد. با تگ option موجود در تگ select گزینه های مختلفی را برای لیست خود میتوانید استفاده کنید.
کد:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>تگ select همچنین ویژگی های عمومی در HTML را پشتیبانی میکند.این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.
تگ <option>
تگ option برای ایجاد یک گزینه در لیست بکار میرود. تگ option داخل تگ های select یا datalist استفاده میشود.
کد:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>تگ option همچنین ویژگی های عمومی در HTML را پشتیبانی میکند. این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.
تگ<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>تگ optgroup همچنین ویژگی های عمومی در HTML را پشتیبانی میکند.این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.