رتبه بندی پایه
a اضافه کنید رتبه بندی اولیه با استفاده از a <انتخاب> عنصر با رتبه بندی پایه کلاس برای اعمال سبک های سفارشی یا عملکرد افزونه.
نمایش برخی ❤ با رتبه بندی:
فقط خواندن
نمایش الف امتیاز فقط خواندنی با استفاده از یک معلول <انتخاب> عنصر با رتبهبندی فقط خواندنی کلاس این مانع از تعامل کاربر می شود در حالی که همچنان مقدار انتخاب شده را نشان می دهد.
نمایش برخی ❤ با رتبه بندی:
SVG سفارشی
استفاده از a رتبه بندی SVG سفارشی با اعمال ضربان قلب کلاس به الف <انتخاب> عنصر این امکان نمایش رتبهبندیها با نمادهای SVG سفارشی مانند قلب از طریق افزونهها یا CSS را فراهم میکند.
نمایش برخی ❤ با رتبه بندی:
SVG سفارشی
الف را اجرا کنید رتبه بندی SVG سفارشی با گزینه های عددی با استفاده از a <انتخاب> عنصر و .rating-numbers کلاس این راهاندازی به یکپارچگی نمادهای SVG یا یک ظاهر طراحی پیشرفته برای بازخورد بصری پیشرفته اجازه میدهد.
نمایش برخی ❤ با رتبه بندی:
ستاره با رتبه پیام
ایجاد یک امتیاز ستاره با پیام با استفاده از a <انتخاب> عنصر با .selectedMessage کلاس این تنظیمات به صورت پویا یک پیام مرتبط را بر اساس رتبه بندی انتخاب شده نمایش می دهد.
نمایش برخی ❤ با رتبه بندی:
رویداد شناور
نشان دادن الف رتبه بندی در شناور با استفاده از a <انتخاب> عنصر با .rating-values کلاس عناوین راهنمای ابزار و عناصر پویا مانند .current-rating می تواند بازخورد را در حالی که کاربران ماوس را روی گزینه ها نگه می دارند نمایش دهند.
نمایش برخی ❤ با رتبه بندی:
بازنشانی رتبه
a اضافه کنید رتبه قابل تنظیم مجدد با استفاده از a <انتخاب> عنصر با .تنظیم مجدد رتبه کلاس در کنار الف <button type="reset">. این به کاربران اجازه می دهد تا رتبه انتخابی خود را به راحتی پاک یا بازنشانی کنند.
نمایش برخی ❤ با رتبه بندی:
امتیاز از راست به چپ
a را فعال کنید امتیاز از راست به چپ طرح بندی با استفاده از dir="rtl" ویژگی و اعمال رتبه بندی rtl کلاس به <انتخاب> عنصر برای تراز مناسب در رابط های RTL.
نمایش برخی ❤ با رتبه بندی:
رتبه بندی متحرک
یک را اضافه کنید امتیاز متحرک با استفاده از a <انتخاب> عنصر با .star-rating-prebuilt کلاس این کار انیمیشن های بازخورد تعاملی مبتنی بر SVG را برای یک تجربه بصری جذاب فعال می کند.
نمایش برخی ❤ با رتبه بندی:
امتیاز از راست به چپ
استفاده از a نوار لغزنده رتبه بندی سفارشی با <input type="range"> عنصر و .رده بندی سفارشی کلاسی که امکان دقت نیم مرحله ای و تجربه رتبه بندی تعاملی تر را فراهم می کند.
نمایش برخی ❤ با رتبه بندی: