چرا Designer Multiselect را بیش از Native Select انتخاب می کنیم؟

فرم چند انتخابی فرمی است که می تواند چندین مورد از یک انتخاب واحد را نمایش دهد. نه همه عناصر برچسب را می توان همانطور که طراحان می خواهند از جعبه بیرون آورد. در این آموزش کوچک ، من تجربه خود را در حل این مشکل بر اساس دانش خود در CSS و وانیل JS به اشتراک می گذارم. من از CSS برای نمادهای SVG استفاده کردم ، اما این کاملاً م effectiveثر نبود و بهتر است آنها را به عنوان فایلهای سرصفحه نگه دارم. نکته اصلی در مورد

الکسی شپلف

توسعه دهنده ارشد Ruby on Rails

آن دسته از طراحان طرح که فرم های ثبت نام یا بازخورد ایجاد می کنند ، مطمئناً با مشکل نمایش چندین مورد از یک انتخاب واحد ، یعنی چند انتخابی مواجه خواهند شد. متاسفانه نه همه

عناصر برچسب را می توان همانطور که طراحان می خواهند از جعبه بیرون آورد. در این آموزش کوچک ، من می خواهم تجربه خود را در حل این مشکل بر اساس دانش خود در CSS و وانیل JS به اشتراک بگذارم.

Native Select چه مشکلی دارد؟

اگر طراح یک کاربر پسند ایجاد کند با 10-15 انتخاب احتمالی ، به احتمال زیاد تصمیم خواهید گرفت که اولین کتابخانه موجود مانند طرح را از Google (که من امیدوار بودم) بگیرید. درد من در این مورد این بود که پروژه نمی تواند از کتابخانه های شخص ثالث استفاده کند ، به عنوان مثال ، jQuery ، که تعداد گزینه های پیشنهادی را تا حد زیادی کاهش داد.

کوچک به بزرگ

بنابراین ، اجازه دهید به نوشتن یک فرم ساده چند انتخابی بپردازیم:

<form name=""