ایجاد typeahead در Bootstrap

تاریخ انتشار: 30 دی 1394

تعداد بازدید: 7 نفر

در این بخش نحوه ایجاد typeahead را در بوت استرپ خواهید آموخت.

درد نیای وب امروزی، فیلدهای ورودی ( input ) از نوع typeahead بسیار رایج و پرکاربرد میباشند. هدف اصلی typeahead ، بهبود تجربه کاربر از طریق ارائه پیشنهادها یا لیستی از انتخابات احتمالی با توجه به متنی که کاربر در زمان پر کردن فرم یا جستجو کردن وارد کرده، میباشد. مانند Google . همچنین باعث صرفه جویی در زمان و کاهش خطاهای احتمالی میشود زیرا کمتر احتمال اشتباه لغتی و تایپی از سمت کاربر وجود دارد.
نکته : پلاگین typeahead به دلیل استفاده از twitter typeahead ، از آخرین نسخه بوت استرپ حذف شده است.
twitter typeahead یک کتابخانه سریع و با امکانات کامل میباشد که مطابق با عملکرد جستجو در سایت twitter.com ، ایجاد شده است. جهت ایجاد twitter typeahead ، ابتدا فایل typeahead.js را از طریق GitHub دانلود کرده و آن را در پروژه خود وارد نمایید. سپس میتوانید با استفاده از آن، هر input بر مبنای متن (یعنی["input[type="text) را به یک typeahead تبدیل نمایید.

ایجاد twitter typeahead با مجموعه داده های داخلی (local) :

خروجی مثال بالا به شکل زیر خواهد بود :

ایجاد twitter typeahead با مجموعه داده های خارجی :

اشتراک گذاری:

مشاهده نمونه های بیشتر

24 تیر 1403

ثبت مکان در گوگل مپ: آموزش ثبت رایگان مکان کسب و کارتان تنها در ۵ گام

20 تیر 1403

اینفوگرافیک چیست؟ انواع، کاربرد ها و مراحل ساخت Infographic

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

این راهنما شما را با دانش و استراتژی های مورد نیاز طراحی سایت فروشگاهی استثنایی مجهز می کند. برای کشف قدرت طراحی در فروش آنلاین و ایجاد یک برند دیجیتال موفق آماده شوید.

31 اردیبهشت 1402

تایپوگرافی چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

با استفاده از قدرت تایپوگرافی، طراحان می توانند تجربیات دیجیتالی فریبنده و فراموش نشدنی ایجاد کنند که مجذوب، اطلاع رسانی و تأثیر ماندگاری بر روی کاربران می شود. در این مقاله قصد داریم به صورت کامل مفهموم تایپوگرافی در طراحی سایت را برای شما شرح دهیم.

25 اردیبهشت 1402

طرح رنگ چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

در این مقاله، ما به پیچیدگی‌های طرح‌های رنگی در طراحی وب‌ سایت، بررسی اصول تئوری رنگ‌ها، تأثیرات روان‌شناختی رنگ‌ها و ملاحظات عملی برای انتخاب پالت رنگ مناسب می‌پردازیم.

23 اردیبهشت 1402

همه چیز در مورد چیدمان و ناوبری در طراحی سایت

ناوبری از مهم ترین عناصر طراحی سایت است که این مقاله به اهمیت طرح‌بندی و ناوبری در طراحی سایت، ارائه اصول کلیدی، استراتژی‌ها و بهترین شیوه‌ها برای بهینه‌سازی وب‌سایت شما برای موفقیت می‌پردازد.