آموزش تگ option در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ option در HTML با من همراه باشید.

آموزش تگ option در HTML

Free-Learn

تگ Option در HTML

تگ option تگی است که با استفاده از آن میتوان گزینه ها / آیتم های یک لیست ( معمولا لیست کشویی ) را مشخص کرد.

تگ option در درون تگ های <select> و <datalist> برای ایجاد گزینه ها یا در واقع همون آیتم ها یا (option) های این لیست ها مورد استفاده قرار میگیرد.

Free-Learn

مثال از تگ option در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ option در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ option در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

نام صفت مقدار توضیح
disabled disabled باعث میشه یک یا چندین گزینه/آیتم غرفعال شود.
label text یک برچسب/لیبل برای گزینه ها یا آیتم ها.
selected selected مشخص میکند که کدام گزینه/آیتم بصورت پیش فرض انتخاب شده باشد.
value text یک مقدار که در هنگام ارسال داده ها به سرور، در سرور ذخیره می شود.

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ option از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

از تگ option میتوان بصورت خالی (یعنی اینکه هیچ صفتی نداشته باشد) استفاده کرد، ولی خب معمولا با استفاده از صفت value در این تگ میتوان یک مقدار برای هنگام ارسال اطلاعات به سرور مشخص کرد.

Free-Learn