24 เทคนิคฟอร์ม HTML ส่วนบุคคลที่สวยงาม

Comsharp CMS เขียน: วัตถุแบบฟอร์ม HTML ไม่ได้แสดงผลในเบราว์เซอร์ที่แตกต่างกันในวิธีที่สอดคล้องกัน แม้ว่าวัตถุบางอย่างเช่นกล่องข้อความและ textarea สามารถได้รับลักษณะที่สอดคล้องกันในเบราว์เซอร์ที่แตกต่างกันผ่าน CSS วัตถุอื่น ๆ ส่วนใหญ่ที่ไม่สามารถควบคุมการปรากฏตัวผ่าน CSS ดูน่าเกลียดมากในเบราว์เซอร์บางตัว บทความนี้เลือก 24 เทคโนโลยีเพื่อปรับแต่งวัตถุแบบฟอร์ม

ช่องทำเครื่องหมายเกี่ยวข้องกับปุ่มตัวเลือก

1. ) FancyForm

FancyForm เป็นไลบรารี JavaScript ที่ทรงพลังมากซึ่งสามารถใช้แทนช่องทำเครื่องหมายและปุ่มตัวเลือกสามารถสร้างช่องทำเครื่องหมายและปุ่มตัวเลือกที่สวยงามมากและรองรับเบราว์เซอร์เกือบทั้งหมด ไลบรารี JavaScript นี้ต้องการการสนับสนุนของกรอบ JavaScript Mootools

2. ) CRIR: ช่องทำเครื่องหมายและการเปลี่ยนอินพุตวิทยุ

ช่องทำเครื่องหมายรวม JavaScript และ CSS ซ่อนช่องและปุ่มตัวเลือกในรูปแบบและช่วยให้คุณสามารถจำลองช่องทำเครื่องหมายและปุ่มตัวเลือกโดยใช้การตั้งค่า CSS สำหรับช่องทำเครื่องหมายและปุ่มตัวเลือก ฟังก์ชั่นของแบบฟอร์มจะไม่เปลี่ยนแปลงและค่าข้อมูลของช่องทำเครื่องหมายและปุ่มตัวเลือกยังสามารถรวบรวมได้ แท็กของช่องทำเครื่องหมายและปุ่มตัวเลือกจะทำให้วัตถุที่ซ่อนอยู่เหล่านั้น

3. ) ช่องทำเครื่องหมายที่กำหนดเองและปุ่มตัวเลือกของ Ryan Fait

ชุดค่าผสม JavaScript และ CSS นี้ช่วยให้คุณสามารถจำลองช่องทำเครื่องหมายปุ่มตัวเลือกและเลือกรายการควบคุมรายการโดยใช้รูปภาพของคุณเอง ไลบรารี JavaScript ที่มีน้ำใจนี้สามารถใช้การควบคุมแบบฟอร์มแบบดั้งเดิมโดยอัตโนมัติเมื่อเบราว์เซอร์ปิดใช้งาน JavaScript

4. ) ARC - การปรับแต่งวิทยุ/ช่องทำเครื่องหมายของอดัม

สคริปต์ตรวจจับช่องทำเครื่องหมายและปุ่มตัวเลือกและแท็กในรูปแบบและเมื่อค้นพบแล้วมันจะแทนที่การควบคุมเหล่านี้ด้วยแท็กกราฟิกสไตล์ CSS

5. ) Prettycheckboxes

6. ) ช่องทำเครื่องหมาย jQuery

7. ) บางบทความที่ใช้ในการปรับแต่งช่องทำเครื่องหมายและปุ่ม Radion

• ปุ่มตัวเลือกที่กำหนดเองใช้งานกับ jQuery
• องค์ประกอบช่องทำเครื่องหมายที่กำหนดเอง SlayerOffice
• ตัวควบคุม HTML ที่กำหนดเอง: การสร้างช่องทำเครื่องหมายที่กำหนดเอง
• การควบคุมแบบฟอร์มสไตล์
• ช่องทำเครื่องหมายแฟนซีและปุ่มตัวเลือก
• เทคนิคด้านใน: ช่องทำเครื่องหมายที่กำหนดเอง

ที่เกี่ยวข้องเลือกและแบบเลื่อนลง (เลือก / Dropdown Box) ที่เกี่ยวข้อง

1. ) JavaScript Image Combobox (JavaScript Graphic Combobox)

2. ) รายการตรวจสอบแบบเลื่อนลงของ jQuery

3. ) กำหนดเองเลือกด้วยไอคอน

4. ) comboBoxes โดยใช้ mootools

5. ) เลือกการเปลี่ยน

6. ) เทคโนโลยีการปรับแต่งกล่องเลือกเพิ่มเติม (ขึ้นอยู่กับ JavaScript)

• McDropdown JQuery Plug-in
• jQuery custom select box v.0.01
• Arc90 Arc90
• control.SelectMultiple

วัตถุควบคุมแบบฟอร์มเพิ่มเติม

1. ) องค์ประกอบแบบฟอร์มที่กำหนดเอง (CFE)

องค์ประกอบรูปแบบที่กำหนดเองผสมผสานเทคโนโลยีต่าง ๆ เพื่อปรับปรุงวัตถุควบคุมเว็บ XHTML และบรรลุเอฟเฟกต์ที่สวยงามมากขึ้นตาม JavaScript และ CSS ปรับปรุงความสะดวกในการใช้งานและการเข้าถึง รองรับเบราว์เซอร์กระแสหลักส่วนใหญ่

2. ) Emblematiq niceforms

NiceForms เป็นไลบรารี JavaScript ที่สามารถแทนที่วัตถุแบบฟอร์มเว็บเกือบทั้งหมด คุณสามารถใช้ชุดรูปแบบเริ่มต้นและคุณสามารถพัฒนาธีมของคุณเองได้

3. ) ปลั๊กอิน jQuery: jnice

แหล่งที่มาของบทความนี้: http://www.netwaver.com/23/24-html-form-elements-customization-techniques/