رتبه بندی پایه

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"> عنصر و .رده بندی سفارشی کلاسی که امکان دقت نیم مرحله ای و تجربه رتبه بندی تعاملی تر را فراهم می کند.

نمایش برخی با رتبه بندی:

سفارشی سازی تم
طرح بندی:
عمودی
افقی
نیم جعبه
عرض محتوا:
پیش فرض
جعبه
جهت چیدمان:
LTR
RTL
حالت چیدمان:
نور
تاریک
سیستم
اندازه نوار کناری:
پیش فرض
متوسط
نماد
نماد شناور