۷
آذر

جلسه ۹۱ : آموزش کار با تگ select در HTML

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه پیشین به آشنایی و کار با تگ section پرداختیم؛ این تگ section در HTML پرداختیم؛ تگ section بخش های خاصی از سند را تعریف می نماید.
در ادامه این مجموعه قصد داریم شما را به آموزش کار با تگ select در HTML دعوت نماییم.

آموزش کار با تگ select در HTML

به مثال زیر توجه نمایید.
در این مثال یک لیست کشویی که حاوی چهار گزینه است را ایجاد کرده ایم.

مثال :

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<option value="volvo">Volvo</option>

<option value="mercedes">Mercedes</option>

</select>

تعریف و کاربرد

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

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

عنصر
<select>	بله	بله	بله	بله	بله

نکات و توصیه ها

نکته

تگ select یک کنترل فرم است و می تواند به صورت فرم برای جمع آوری ورودی کاربر استفاده شود.

تفاوت بین HTML 4.01 و HTML5

در HTML5 چندین خصیصه جدید را در رابطه با این تگ اضافه نموده است.

خصیصه ها

خصیصه	مقدار	توضیحات
autofocus	autofocus	این خصیصه تعیین می نماید که لیست بصورت پیش فرض به بارگیری صفحه فوکوس شود و به حالت انتخاب در آید.
disabled	disabled	این خصیصه تعیین می کند که لیست غیرفعال شود.
form	form_id	این خصیصه تعیین می کند که لیست متعلق به ۱ یا چندین فرم است.
multiple	multiple	این خصیصه مشخص می کند که چندین گزینه می توانند همزمان انتخاب شوند.
name	name	این خصیصه نامی را برای لیست کشویی تعریف می کند.
required	required	مشخص می کند که انتخاب حداقل یکی از گزینه های لیست الزامی است.
size	number	این خصیصه تعداد گزینه های قابل مشاهده را در یک لیست کشویی تعیین می نماید.

خصیصه های سراسری Global Attributes

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

خصیصه رویداد Event Attributes

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

تنظیمات پیش فرض CSS

ندارد.

کلام آخر

در این جلسه با تگ select آشنا شدیم؛ از این تگ برای ایجاد یک لیست کشویی استفاده می شود.
در جلسه آینده small خواهیم پرداخت.
با پی وی لرن همراه باشید.

QR: جلسه ۹۱ : آموزش کار با تگ select در HTML

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)