تگ option در HTML
به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ option در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.
فهرست مطالب
تگ option چیست؟
تگ option برای ایجاد داده های قابل انتخاب به کار می رود.
تگ option، برای تگ های select و datalist و optgroup داده های قابل انتخاب ایجاد می کند.
این تگ با <option> شروع شده و با </option> پایان می یابد.
<option>Text</option>صفات تگ option
در این بخش با صفات تگ option آشنا خواهید شد.
صفت disabled
برای غیرفعال کردن آیتم ها به کار می رود.
با استفاده از این صفت، آیتم مورد نظر قابلیت انتخاب نخواهد داشت. (رنگ پس زمینه آن تغییر می کند.)
<option disabled>Text</option>صفت label
برچسب برای آیتم مشخص می کند.
<option label="Text">Text</option>صفت selected
آیتمی را به صورت پیش فرض انتخاب می کند.
<option selected>Text></option>صفت value
مقدار آیتم های تگ option را مشخص می کند.
در فرم ها مقدار این صفت برای سرور ارسال خواهد شد.
<option value="Text">Text></option>مثال تگ option
کد:
<select>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>سازگاری با مرورگرها
تگ option با مرورگرهای زیر سازگار است:
- گوگل کروم
- فایرفاکس
- اج
- اپرا
- سافاری
- گوگل کروم اندروید
- فایرفاکس اندروید
- اپرا اندروید
- سافاری iOS