معرفی و کاربرد تگ select در HTML لیست کشویی سند

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <select> در HTML می پردازیم.

تگ <select> در HTML

معرفی و کاربرد تگ select در HTML لیست کشویی سند - سایت آموزی

تگ <select> برای ایجاد یک لیست کشویی (drop-down) استفاده می شود.

تگ <option> درون تگ <select> یا درون تگ <datalist> گزینه های موجود در لیست را تعریف می کند.

تگ option یک گزینه برای لیست انتخاب تعریف می کند.

تگ <datalist> نیز یک لیست از گزینه های از قبل تعریف شده برای یک تگ input مشخص می کند.

به عبارت دیگر تگ datalist برای ارائه یک ویژگی تکمیل خودکار برای تگ <input> استفاده می شود.

مثال در مورد تگ <selectدر اچ تی ام ال

[html]<select>
<option value=”volvo”>Volvo</option>
<option value=”saab”>Saab</option>
<option value=”mercedes”>Mercedes</option>
<option value=”audi”>Audi</option>
</select>[/html]

خروجی کد در مرورگر اینترنتی

بررسی تگ <select> در HTML 4.01 و HTML5

خصوصیت autofocus ، form و required از خصوصیات ویژه جدید تگ <select> در HTML5 است. که در HTML4.01 و نسخه های قبلی وجود نداشته است.

معرفی و کاربرد تگ select در HTML لیست کشویی سند

خصوصیات ویژه تگ <select> در اچ تی ام ال

ویژگی های عمومی تگ <select> در سند HTML

تگ <select> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <select> در HTML

تگ <select> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

 

پشتیبانی مرورگرها از تگ <select> در اچ تی ام ال

تگ <select> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ select در HTML لیست کشویی سند – اختصاصی سایت آموزی