فهرست داده یا 50 خط جاوا اسکریپت و HTML اضافی؟

اگر می‌خواهید یک ویژگی تکمیل خودکار را در فیلدهای ورودی متن خود بگنجانید، دو گزینه در دسترس است: استفاده از فهرست داده یا نوشتن جاوا اسکریپت. من هر دو را در وب سایت خود آزمایش کردم تا مزایا و معایب آنها را مقایسه کنم. تفاوت اصلی در درخواست کشش 42 من است.

فهرست های داده

تنها با چند خط کد، می توانید به راحتی قابلیت تکمیل خودکار را به فیلدهای ورودی خود اضافه کنید. کد به‌طور شگفت‌انگیزی ساده است و کدهای بسیار بیشتری را برای انجام بدون آن از من گرفت.

طبق آمار اخیر، Datalist توسط 97.5٪ از وب سایت ها پشتیبانی می شود. با این حال، یک استثنا قابل توجه وجود دارد – فایرفاکس برای اندروید، که از Datalist پشتیبانی نمی کند. با این حال، تنها سهم بازار 0.3٪ را دارد. با توجه به اینکه من شخصاً از این مرورگر استفاده می‌کنم، این شکست جزئی می‌تواند ناامیدکننده باشد. علاوه بر این، برخی از مرورگرها با Datalist یکپارچه می شوند، مانند Chrome for Android، که به کاربران اجازه می دهد به راحتی از طریق صفحه کلید به این ویژگی دسترسی داشته باشند و از آن استفاده کنند.

با این حال، استفاده از لیست داده ها یک اشکال دارد. به طور پیش فرض، مرورگر به آنها استایل می دهد، به این معنی که کنترل محدودی بر ظاهر آنها دارید. در حالی که می توانید با افزودن CSS خود این مورد را بازنویسی کنید، انجام این کار به تلاش بیشتر و کد جاوا اسکریپت اضافی نیاز دارد.

جاوا اسکریپت داشته باشید

جاوا اسکریپت خود ما در پلتفرم های مختلف از جمله فایرفاکس در اندروید بهبود خواهد یافت. با این حال، شایان ذکر است که برخی از مرورگرها ممکن است ویژگی های یکپارچه سازی منحصر به فرد خود را از دست بدهند. از سوی دیگر، مقدار قابل توجهی از آزادی ظاهر را دوباره به دست خواهید آورد. باید اعتراف کنم، من ظاهر جدید را خیلی بیشتر ترجیح می دهم، اما برای اطمینان از پشتیبانی یکپارچه از مرورگرهای تلفن همراه نیز به تلاش بیشتری نیاز دارد.

نتیجه

Datalist ها دارای مزایا و معایبی هستند. از جنبه مثبت، آنها کد کمتر و یکپارچگی بهتر با مرورگرهای وب را ارائه می دهند که استفاده از آنها را آسان تر می کند. با این حال، برخی از اشکالات نیز وجود دارد که باید در نظر گرفت. به عنوان مثال، طراحی Datalists می تواند چالش برانگیزتر باشد و فایرفاکس در دستگاه های اندرویدی از آنها پشتیبانی نمی کند. من شخصا Datalists را انتخاب کردم زیرا ترجیح می دهم کد خود را ساده نگه دارم.