تگ datalist در HTML :
تگ datalist در HTML یکی از ویژگی‌هایی است که در HTML5 معرفی شده است. این ویژگی این امکان را به طراحان وب می‌دهد تا یک لیست از گزینه‌ها را به کاربر نشان دهند و اجازه دهند کاربران به راحتی این گزینه‌ها را انتخاب کنند.
تگ datalist شامل دو بخش اصلی است: تگ input و تگ datalist. تگ input برای ایجاد یک باکس متن استفاده می‌شود و تگ datalist برای ایجاد لیست گزینه‌ها استفاده می‌شود.
برای ایجاد یک لیست datalist، کافی است تگ datalist را ایجاد کرده و به آن یک id اختصاص دهید. سپس در تگ input، به عنوان ویژگی، list را با ارزش id لیست datalist تعیین کنید. در این حالت، هنگامی که کاربر شروع به تایپ در باکس متن می‌کند، لیست datalist ظاهر می‌شود و کاربر می‌تواند گزینه‌های مورد نظر خود را انتخاب کند.
به عنوان مثال، فرض کنید که می‌خواهید یک لیست از شهرهای مختلف را به کاربر نشان دهید، تگ datalist را به شکل زیر ایجاد کنید:
“`
“`
سپس تگ input را به شکل زیر ایجاد کنید:
“`
“`
در این حالت، هنگامی که کاربر شروع به تایپ در باکس متن می‌کند، لیست شهرها ظاهر می‌شود و کاربر می‌تواند شهر مورد نظر خود را انتخاب کند.
استفاده از ویژگی datalist در HTML می‌تواند به طراحان وب کمک کند تا برای کاربران یک تجربه بهتر ایجاد کنند و از این ویژگی برای ایجاد لیست گزینه‌ها در فرم‌ها، جستجوی خودکار و … استفاده کنند.
