24 Teknik bentuk html yang dipersonalisasi indah

Comsharp CMS menulis: Objek bentuk html tidak diterjemahkan di browser yang berbeda dengan cara yang konsisten. Meskipun beberapa objek, seperti TextBox dan TextArea, dapat memperoleh penampilan yang konsisten di browser yang berbeda melalui CSS, sebagian besar objek lain yang tidak dapat mengontrol penampilan melalui CSS terlihat sangat jelek di beberapa browser. Artikel ini memilih 24 teknologi untuk mempersonalisasi objek formulir.

Kotak centang terkait dengan tombol radio

1.) Fanchform

Fantform adalah perpustakaan JavaScript yang sangat kuat yang dapat digunakan sebagai pengganti kotak centang dan tombol radio, dapat menghasilkan kotak centang dan tombol radio yang sangat indah, dan mendukung hampir semua browser. Perpustakaan JavaScript ini membutuhkan dukungan dari kerangka kerja Mootools JavaScript.

2.) CRIR: Penggantian Input Kotak & Radio

Kombinasi JavaScript dan CSS ini menyembunyikan kotak centang dan tombol radio dalam bentuk dan memungkinkan Anda untuk mensimulasikan kotak centang dan tombol radio menggunakan pengaturan CSS untuk kotak centang dan tombol radio. Fungsionalitas formulir tidak akan berubah, dan nilai data kotak centang dan tombol radio masih dapat dikumpulkan. Tag kotak centang dan tombol radio akan memicu objek tersembunyi itu.

3.) Kotak centang kustom Ryan Fait & tombol radio

Kombinasi JavaScript dan CSS ini memungkinkan Anda untuk mensimulasikan kotak centang, tombol radio, dan memilih kontrol daftar menggunakan gambar Anda sendiri. Perpustakaan JavaScript yang bijaksana ini juga dapat secara otomatis menggunakan kontrol formulir tradisional ketika browser menonaktifkan JavaScript.

4.) Arc - Kustomisasi Radio/Kotak Centang Adam

Skrip mendeteksi kotak centang dan tombol radio dan tag mereka dalam bentuk, dan sekali ditemukan, itu menggantikan kontrol ini dengan tag grafis gaya CSS.

5.) PrettyCheckBoxes

6.) Kotak centang jQuery

7.) Beberapa artikel yang digunakan untuk menyesuaikan kotak centang dan radion

• Tombol radio khusus diterapkan dengan jQuery
• Elemen kotak centang Kustom SlayerOffice
• Kontrol HTML yang disesuaikan: Membuat kotak centang khusus
• Kontrol bentuk gaya
• Kotak centang mewah dan tombol radio
• Teknik di dalam: kotak centang khusus

Kotak Pilih dan DROPDOWN (Kotak Pilih / Dropdown) Terkait

1.) Gambar JavaScript ComboBox (JavaScript Graphic ComboBox)

2.) daftar periksa dropdown jQuery

3.) Pilih Kustom dengan Ikon

4.) ComboBox menggunakan mootools

5.) Pilih penggantian

6.) Lebih Banyak Teknologi Kustomisasi Kotak Pilih (Berdasarkan JavaScript)

• plug-in mcdropdown jQuery
• JQuery Kustom Pilih Kotak V.0.01
• ARC90 ARC90
• Control.SelectMultiple

Lebih banyak objek kontrol bentuk

1.) Elemen Formulir Kustom (CFE)

Elemen bentuk kustom menggabungkan berbagai teknologi untuk meningkatkan objek kontrol bentuk Web XHTML, dan mencapai efek yang lebih indah berdasarkan JavaScript dan CSS, meningkatkan kemudahan penggunaan dan aksesibilitas. Mendukung sebagian besar browser utama.

2.) Emblematiq Niceforms

Niceforms adalah perpustakaan JavaScript yang dapat menggantikan hampir semua objek formulir web. Anda dapat menggunakan tema default, dan Anda bahkan dapat mengembangkan tema Anda sendiri.

3.) Plugin JQuery: Jnice

Sumber artikel ini: http://www.netwaver.com/23/24-html-form-elements-customization-techniques/