تگ 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>
این تگ همچنین ویژگی های عمومی در HTML را پشتیبانی می کند. این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی می کند.
حتما بخوانید: تگ های Button , Label , Textarea
تگ 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>
این تگ همچنین ویژگی های عمومی در 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 را نیز پشتیبانی می کند.
با دریافت « مشاوره برنامهنویسی، وب و سئو » از کارشناسان جوان حرفهای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!
و اما کلام آخر…
استفاده از تگهای option، select و optgroup در HTML به طراحان وب این امکان را میدهد که فرمهای کاربرپسند و سازمانیافتهای ایجاد کنند. این تگها نه تنها قابلیت انتخاب آسان را فراهم میکنند بلکه تجربه کاربری را نیز بهبود میبخشند.