WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

plum.Form - A jQuery Form Styling Tool

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


plum.Form - Bentuk jQuery Styling Alat - WorldWideScripts.net Barang Dijual

Ads

Ad: Bluehost hosting

Untuk semua orang yang telah meninggalkan komentar mengajukan pertanyaan ini beberapa bulan terakhir, dan mereka yang dapat mengajukan pertanyaan di masa depan : Jika Anda perlu bantuan, silakan email saya dari halaman profil saya . Aku sudah cukup sibuk dan hanya mendapatkan kembali ke jalur . Email adalah cara tercepat bagi saya untuk membantu Anda .

Versi saat ini : 1.5.2, 15 Januari 2012

plum.form adalah alat yang sempurna untuk desainer yang membutuhkan melangkahi batas-batas bentuk web membosankan. Ini menyederhanakan proses menciptakan bentuk-bentuk yang sempurna yang terlihat cantik dan menambahkan fitur tambahan ke situs web Anda .

Bagaimana cara kerjanya ?

Selain sedikit JavaScript dan beberapa CSS, ada benar-benar tambahan yang Anda butuhkan . Plum memfokuskan kekuatannya pada bentuk atau unsur-unsur bentuk individu dan menciptakan pembungkus HTML on the fly . Alih-alih bermain-main dengan menu drop-down kikuk, Anda dapat menggunakan kelas CSS dasar untuk bekerja dengan HTML sederhana . Yang Anda butuhkan adalah bentuk

<form action="" method="post" enctype="multipart/form-data">
    <input name="box1[]" type="checkbox" value="1">
    <input name="box2[]" type="checkbox" value="2">
    <input name="box3" type="radio" value="1">
    <input name="box3" type="radio" value="2">
    <input name="files[]" type="file">
    <select name="menu">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <input type="submit">
</form>

Untuk setiap elemen yang ditargetkan, Plum menciptakan " wrapper " bahwa Anda bisa bergaya dengan CSS . Wrapper yang diberikan sangat mendasar, nama kelas mengesankan, seperti " pilih ", " file", atau " kotak centang masukan dinonaktifkan " . Karena Plum menggunakan tipe elemen sebagai nama kelas, Anda dapat menambahkan gaya khusus untuk bidang tertentu . Misalnya, Anda bisa menambahkan ikon bagus untuk bidang-bidang yang memiliki " pencarian " kelas (menggunakan<input Type="search">).

Aspek yang mendasari plum.Form adalah kesederhanaan . Ini tidak lebih dari sebuah alat styling, yang berarti Anda mempertahankan semua fungsi dari bentuk web biasa . Navigasi keyboard masih bekerja (termasuk mengetik nilai opsi sementara difokuskan pada bidang tertentu), seperti halnya mengirim data kembali ke server Anda . Plum hanya ada untuk membuat semuanya terlihat bagus dan menambahkan sentuhan ekstra bakat .

Fitur

  • baru 1.4AJAX - siap : Plum kebutuhan untuk dipanggil hanya sekali . Setiap elemen ditambahkan ke halaman sesudahnya secara otomatis dijalankan melalui Plum
  • Tidak ada tambahan HTML markup diperlukan
  • Ukuran file kecil! Minified, plum.Form berada di bawah 20 Kb
  • Gaya semua bagian formulir, termasuk bidang file input, drop-down ( pilih ) menu, kotak cek, tombol radio, tombol, dan teks dan field kata sandi
  • Mendukung memeriksa kelompok kotak dengan beberapa negara : none, semua dan campuran (beberapa diperiksa, beberapa tidak )
  • Label di-bidang yang memudar pada fokus dan bersembunyi saat mengetik
  • Form validasi dengan pemeriksaan yang telah ditetapkan ( telepon #, alamat email dan panjang konten ) serta metode kustom
  • Mendukung beberapa file upload
  • File dapat di-upload melalui AJAX
  • HTML5 browser dapat menunjukkan progress bar pada AJAX upload file
  • Batasi upload file ke beberapa jenis, ukuran dan jumlah
  • Mempertahankan fungsi bentuk standar : plum.Form mendukung berfokus pada elemen dengan tombol tab dan navigasi pilih menu dengan mengetikkan nama pilihan atau menggunakan tombol panah
  • Mendukung Cascading pilih menu
  • Mudah disesuaikan untuk membuat kulit bentuk baru
  • Dokumentasi yang ekstensif
  • Mudah digunakan : menyertakan file, menargetkan formulir Anda, dan Anda sudah selesai !

Dukungan Browser

  • Mozilla Firefox 3 atau yang lebih baru
  • Apple Safari, 3 atau yang lebih baru
  • Google Chrome
  • Opera 10 atau yang lebih baru
  • Microsoft Internet Explorer 7 atau lebih baru

Terima kasih !

Tanpa bantuan seperti komunitas yang mendukung, plum.Form akan pernah melihat cahaya hari . Khusus terima kasih kepada semua orang yang melaporkan bug dan permintaan fitur .

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
7 Juni 11 , Last Update

Kata kunci

bentuk ajax, periksa semua, grup kotak centang, bentuk, bentuk css, bentuk styler, validasi form, label di lapangan, bentuk jquery, memvalidasi