24 تقنيات نموذج HTML الشخصية الجميلة

يكتب Comsharp CMS: لا يتم تقديم كائنات Form HTML في متصفحات مختلفة بطريقة متسقة. على الرغم من أن بعض الكائنات ، مثل مربع النص والنص ، يمكنها الحصول على مظهر ثابت في متصفحات مختلفة من خلال CSS ، فإن معظم الكائنات الأخرى التي لا يمكن التحكم في المظهر من خلال CSS تبدو قبيحة للغاية في بعض المتصفحات. تختار هذه المقالة 24 تقنية لتخصيص كائنات النماذج.

مربع الاختيار مرتبط بأزرار الراديو

1.) Fancyform

Fancyform هي مكتبة JavaScript قوية للغاية يمكن استخدامها كبديل لأزرار الاختيار وأزرار الراديو ، ويمكنها إنشاء أزرار الاختيار الجميلة وأزرار الراديو ، ويدعم جميع المتصفحات تقريبًا. تتطلب مكتبة JavaScript هذه دعم إطار عمل Mootools JavaScript.

2.) CRIR: استبدال مربع الاختيار وإدخال الراديو

يخفي مجموعة JavaScript و CSS أزرار الاختيار وأزرار الراديو في النماذج وتتيح لك محاكاة أزرار الاختيار وأزرار الراديو باستخدام إعدادات CSS لأزرار الاختيار وأزرار الراديو. لن تتغير وظيفة النموذج ، ولا يزال من الممكن جمع قيم بيانات مربعات الاختيار وأزرار الراديو. ستؤدي علامات مربع الاختيار وأزرار الراديو إلى تشغيل تلك الكائنات المخفية.

3.) أزرار Ryan Fait المخصصة وأزرار الراديو

يتيح لك مجموعة JavaScript و CSS محاكاة مربع الاختيار وزر الراديو وحدد عناصر التحكم في القائمة باستخدام الصور الخاصة بك. يمكن لمكتبة JavaScript المدروسة أيضًا استخدام عناصر تحكم النماذج التقليدية تلقائيًا عندما يعطل المتصفح JavaScript.

4.) ARC - تخصيص Radio/Checks Adam's

يكتشف البرنامج النصي أزرار الاختيار وأزرار الراديو وعلاماتها في النموذج ، وبمجرد اكتشافها ، فإنه يحل محل عناصر التحكم هذه بعلامات رسومية على غرار CSS.

5.) PrettyCheckboxes

6.) مربع اختيار jQuery

7.) بعض المقالات المستخدمة لتخصيص أزرار الاختيار وأزرار المشعة

• زر راديو مخصص ينفذ مع jQuery
• Slayeroffice عناصر مربعات الاختيار المخصصة
• عناصر تحكم HTML مخصصة: إنشاء خانة اختيار مخصصة
• عناصر التحكم في النموذج
• مربعات الاختيار الفاخرة وأزرار الراديو
• داخل التقنية: مربعات الاختيار المخصصة

حدد ومربع القائمة المنسد

1.) JavaScript Image ComboBox (JavaScript Graphic ComboBox)

2.) قائمة فحص القائمة المنسدلة jQuery

3.) حدد مخصص مع الرموز

4.) comboBoxes باستخدام Mootools

5.) حدد الاستبدال

6.) المزيد من تقنية التخصيص مربع (استنادًا إلى جافا سكريبت)

• McDropdown jQuery المكون الإضافي
• JQuery Custom حدد Box v.0.01
• ARC90 ARC90
• Control.SelectMultiple

المزيد من كائنات التحكم في النموذج

1.) عناصر النماذج المخصصة (CFE)

تجمع عناصر النماذج المخصصة بين العديد من التقنيات لتحسين كائنات التحكم في نموذج الويب XHTML ، وتحقق تأثيرات أكثر جمالا بناءً على javaScript و CSS ، مما يحسن سهولة الاستخدام وسهولة الوصول إليه. يدعم معظم المتصفحات الرئيسية.

2.) relectiq niceforms

Niceforms هي مكتبة JavaScript يمكنها استبدال جميع كائنات نماذج الويب تقريبًا. يمكنك استخدام السمة الافتراضية ، ويمكنك حتى تطوير موضوعك الخاص.

3.) المكون الإضافي jQuery: Jnice

مصدر هذه المقالة: http://www.netwaver.com/23/24-html-form-elements-customization-techniques/