جلسه ۳۰ : آموزش کار با تگ datalist در HTML

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

مقدمه

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

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

به مثال زیر توجه نمایید.
در این مثال یک تگ input با مقادیر از پیش تعریف شده در درون تگ datalist قرار داده شده است.

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

تگ datalist تگی است که با کمک آن می توان لیستی از مقادیر از پیش تعریف شده را ایجاد کرد.
از تگ datalist برای ارائه یک ویژگی “خودکار” در عناصر <input> استفاده می شود.
لذا کاربران هنگام وارد کردن داده ها، یک لیست کشویی از گزینه های از پیش تعریف شده را مشاهده می نمایند.

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

از عنصر لیست عنصر <input> استفاده کنید تا آن را با یک عنصر <datalist> مرتبط کنید.

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

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

عنصر
<datalist>	۲۰٫۰	۴٫۰	۹٫۰	پشتیبانی نمی شود	۱۰٫۰

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

تگ <datalist> در HTML5 تگ جدیدی محسوب می شود.

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

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

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

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

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

بیشتر مرورگرها عنصر <datalist> را با مقادیر پیش فرض زیر نمایش می دهند:

کلام آخر

در این جلسه با تگ datalist آشنا شدیم و آموختیم که تگ datalist تگی است که با کمک آن می توان لیستی از مقادیر از پیش تعریف شده را ایجاد کرد.
در جلسه بعدی به آشنایی با تگ dd می پردازیم.
با پی وی لرن همراه باشید.