لا يتم تقديم كائنات نموذج HTML في متصفحات مختلفة بطريقة متسقة. على الرغم من أن بعض الكائنات ، مثل مربع النص والنص ، يمكنها الحصول على مظهر ثابت في متصفحات مختلفة من خلال CSS ، فإن معظم الكائنات الأخرى التي لا يمكن التحكم في المظهر من خلال CSS تبدو قبيحة للغاية في بعض المتصفحات. تختار هذه المقالة 24 تقنية لتخصيص كائنات النماذج.
مربع الاختيار المتعلق بأزرار الراديو
1.) Fancyform
Fancyform هي مكتبة JavaScript قوية للغاية يمكن استخدامها كبديل لأزرار الاختيار وأزرار الراديو. يمكن أن يولد أزرار الاختيار الجميلة وأزرار الراديو ويدعم جميع المتصفحات تقريبًا. تتطلب مكتبة JavaScript دعم إطار عمل Mootools JavaScript.
2.) CRIR: استبدال مربع الاختيار وإدخال الراديو
يمكن لمجموعة JavaScript و CSS إخفاء أزرار الاختيار وأزرار الراديو في النموذج وتتيح لك محاكاة أزرار الاختيار وأزرار الراديو باستخدام إعدادات CSS لأزرار الاختيار وأزرار الراديو. لن تتغير وظيفة النموذج ، ولا يزال من الممكن جمع قيم بيانات مربع الاختيار وأزرار الراديو. ستؤدي علامات مربع الاختيار وأزرار الراديو إلى تشغيل تلك الكائنات المخفية.
3.) مربعات الاختيار المخصصة لـ Ryan Faith وأزرار الراديو
يتيح لك مجموعة JavaScript و CSS محاكاة مربع الاختيار وزر الراديو وحدد عناصر التحكم في القائمة باستخدام صورتك الخاصة. يمكن لمكتبة JavaScript المدروسة للغاية أيضًا استخدام عناصر تحكم النماذج التقليدية تلقائيًا عندما يعطل المتصفح JavaScript.
4.) ARC - تخصيص Radio/Checks Adam's
يكتشف البرنامج النصي أزرار الاختيار وأزرار الراديو وعلاماتها في النموذج ، وبمجرد اكتشافها ، فإنه يحل محل عناصر التحكم هذه بعلامات رسومية بناءً على أنماط CSS.