آموزش تگ option در HTML
آموزش تگ option در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ option در HTML به صورت کامل آشنا بشید.
تگ Option در HTML
در HTML تگ option تگی است که با بکار بردن آن میتوان گزینه ها ( آیتم های ) یک لیست را تعیین کرد.
تگ های option در درون تگ های <select> و <datalist> و <optgroup> برای ایجاد گزینه ها ( آیتم های ) لیست خودمان مورد استفاده قرار میگیرد.
مثال از تگ option در HTML
در ادامه آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره یک : استفاده در تگ select
<body> <select name="tarafdari"> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> <option value="Tractor">تراکتور</option> <option value="other">دیگر تیم ها</option> </select> </body>
در مثال دوم : استفاده در تگ datalist
<datalist id="browsers"> <option value="Microsoft Edge"> <option value="Mozilla Firefox"> <option value="Google Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
و در مثال شماره ۳ : استفاده در تگ optgroup
<select> <optgroup label="اسامی پسرونه"> <option value="sadegh">صادق</option> <option value="reza">رضا</option> <option value="alireza">علیرضا</option> <option value="mohsen">محسن</option> </optgroup> <optgroup label="اسامی دخترونه"> <option value="fateme">فاطمه</option> <option value="maryam">مریم</option> <option value="nazanin">نازنین</option> <option value="anna">آنا</option> </optgroup> </select>
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال آخر : استفاده از صفت selected ( برای انتخاب یک آیتم از لیست )
<select name="tarafdari"> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> <option value="Sepahan" selected>سپاهان</option> <option value="Tractor">تراکتور</option> <option value="other">دیگر تیم ها</option> </select>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ option در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ option در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ option از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید