به کمک نیاز دارید؟

خدمات تخصصی

جستجو
این کادر جستجو را ببندید.
تگ های Select , Option , Optgroup

تگ های Select , Option , Optgroup در HTML

تگ 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 به طراحان وب این امکان را می‌دهد که فرم‌های کاربرپسند و سازمان‌یافته‌ای ایجاد کنند. این تگ‌ها نه تنها قابلیت انتخاب آسان را فراهم می‌کنند بلکه تجربه کاربری را نیز بهبود می‌بخشند.

تصویر دکتر علی قوامی
دکتر علی قوامی
دانش‌آموخته دکترای تخصصی (PhD) کارآفرینی فناوری، بنیانگذار و مدیر گروه بین‌المللی کسب و کار ساکوراد با بیش از ۲۰ سال تجربه بعنوان کوچ، مدرس، مشاور و منتور در حوزه‌های مختلف راه‌اندازی و توسعه کسب‌وکار در ۱۵ کشور جهان هستم. در تلاشم تا تجربیات ذی‌قیمت خود را با شما دوستان عزیزم به اشتراک گذارم.
پیشنهاد بر اساس سلیقه شما

مسیریابی تحصیلی - شغلی (آنلاین)

تست شغلی به آزمون روانشناسی گفته می شود که فرد با توجه به پاسخگویی به سوالات در انتها بهترین شغلی که می تواند در آن موفق باشد را معرفی می کند.

سئوالات و نظرات ارزشمند خود را با ما مطرح کنید

دیدگاهتان را بنویسید

کلینیک مشاوره کسب و کار

ارائه‌ی خدمات کوچینگ، مشاوره و منتورینگ توسط برترین متخصصان جوان

هاست سنتر حرفه‌ای

طیف وسیعی از خدمات حرفه‌ای هاستینگ با تنوع و کیفیت کنترل شده

کانال یوتیوب

آموزش‌ها و نکات کلیدی ما را دنبال کنید

کانال تلگرام

اخبار و تخفیفات گروهی ما را دنبال کنید

صفحه اینستاگرام

آموزش‌ها و تخفیفات گروهی ما را دنبال کنید

راهنمای گام به گام تا دریافت مشاوره

گام اول

انتخاب حوزه تخصصی مدنظر

گام دوم

بررسی رزومه مشاوران مرتبط

گام سوم

انتخاب مشاور با تخصص مدنظر

گام چهارم

تکمیل فرم و ثبت درخواست

گام پنجم

پرداخت حق‌الزحمه مشاور

گام ششم

تماس با شما برای تعیین وقت

گام هفتم

برقراری ارتباط شما با مشاور