معرفی و کاربرد تگ 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 |
autofocus | autofocus | مشخص می کند که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد. |
disabled | disabled | مشخص می کند که لیست drop-down باید غیر فعال باشد. |
form | form_id | فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند. |
multiple | multiple | مشخص می کند که مقادیر متعددی را می توان یکمرتبه انتخاب کرد. |
name | name | یک name برای لیست drop-down تعریف می کند. |
required | required | مشخص می کند که فیلد ورودی قبل از ارسال به سرور باید حتما پر شده باشد. |
size | number | تعداد مقادیر قابل مشاهده در لیست را مشخص می کند. |
ویژگی های عمومی تگ <select> در سند HTML
تگ <select> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <select> در HTML
تگ <select> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <select> در اچ تی ام ال
تگ <select> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ select در HTML لیست کشویی سند – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید