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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


plum.Form - Borang A jQuery Styling Alat - WorldWideScripts.net Item for Sale

Ads

Ad: Bluehost hosting

Kepada semua yang mempunyai komen kiri bertanya soalan ini beberapa bulan yang lalu, dan orang-orang yang boleh bertanya soalan pada masa akan datang : Jika anda memerlukan bantuan, sila e-mel saya dari halaman profil saya. Saya telah agak sibuk dan saya hanya mendapat kembali ke landasan. E-mel adalah cara yang paling cepat untuk saya untuk membantu anda.

Versi terkini : 1.5.2, 15 Januari 2012

plum.form adalah alat yang sempurna untuk pereka yang perlu melangkah sempadan bentuk web membosankan. Ia memudahkan proses mewujudkan bentuk yang sempurna yang kelihatan cantik dan menambah ciri-ciri tambahan untuk laman web anda.

Bagaimana ia berfungsi?

Selain daripada sedikit JavaScript dan beberapa CSS, ada benar-benar apa-apa tambahan yang anda perlukan . Plum menumpukan kuasa pada bentuk atau unsur-unsur bentuk individu dan mencipta pembalut HTML dengan cepat. Sebaliknya remeh-temeh dengan menu kekok drop-down, anda boleh menggunakan kelas CSS asas untuk bekerja dengan HTML yang mudah. Semua yang anda perlukan adalah satu 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>

Bagi setiap elemen yang disasarkan, Plum mewujudkan " pembungkus " yang anda boleh gaya dengan CSS. Itu pembungkus diberikan sangat asas, nama kelas dilupakan, seperti " pilih ", " fail", atau " kotak input kurang upaya ". Kerana Plum menggunakan jenis unsur sebagai nama kelas, anda boleh menambah gaya khas untuk bidang-bidang tertentu . Sebagai contoh, anda mungkin menambah ikon yang baik untuk bidang-bidang yang mempunyai " carian" kelas ( gunakan<input Type="search">).

Aspek asas plum.Form adalah kesederhanaan. Ia tidak lebih daripada satu alat gaya, yang bermakna anda mengekalkan semua fungsi bentuk web biasa. Papan kekunci navigasi masih berfungsi (termasuk menaip nilai pilihan manakala memberi tumpuan kepada bidang tertentu ), kerana tidak menghantar data kembali ke pelayan anda. Plum hanya ada di sana untuk membuat segala-galanya kelihatan baik dan menambah sentuhan tambahan bakat.

Ciri-ciri

  • baru dalam 1.4AJAX -siap : keperluan Plum akan dipanggil sekali sahaja. Mana-mana unsur-unsur ditambah ke halaman yang kemudian secara automatik berjalan melalui Plum
  • Tiada tambahan HTML markup diperlukan
  • Saiz fail kecil! Minified, plum.Form adalah di bawah 20 Kb
  • Gaya semua bahagian borang, termasuk bidang fail input, drop-down (pilih ) menu, periksa kotak, butang radio, butang, dan teks dan bidang kata laluan
  • Menyokong memeriksa kumpulan kotak dengan pelbagai menyatakan: . Tiada, semua dan campuran ( beberapa diperiksa, ada yang tidak )
  • Label dalam bidang yang pudar pada tumpuan dan menyembunyikan semasa menaip
  • Borang pengesahan dengan cek yang telah ditetapkan (telefon #, alamat e-mel dan panjang kandungan) serta kaedah adat
  • Menyokong Gambar fail
  • Fail boleh dimuat naik melalui AJAX
  • Pelayar HTML5 boleh menunjukkan bar kemajuan Gambar fail AJAX
  • Had Gambar fail kepada beberapa jenis, saiz dan kuantiti
  • Mengekalkan fungsi bentuk standard: plum.Form menyokong memberi tumpuan kepada unsur-unsur dengan kekunci tab dan mengemudi pilih menu dengan menaip nama-nama pilihan atau menggunakan kekunci anak panah
  • Menyokong melata pilih menu
  • Mudah disesuaikan untuk mewujudkan kulit bentuk baru
  • Dokumentasi yang menyeluruh
  • Mudah untuk menggunakan : termasuk fail, sasaran bentuk anda, dan anda selesai!

Sokongan pelayar

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

Terima kasih!

Tanpa bantuan seperti masyarakat menyokong, plum.Form tidak pernah melihat cahaya hari . A terima kasih yang sangat istimewa kepada semua orang yang melaporkan bug dan permintaan ciri .

Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dicipta:
7 11 Jun

Kemaskini:
25 Ogos 12

Pelayar Sesuai:
IE7 , IE8, IE9 , Firefox , Safari , Opera , Chrome

Version Software:
jQuery

Resolusi Tinggi:
Tidak

Files Termasuk:
JS JavaScript , HTML , CSS, PHP, berlapis JPA

Kata kunci

bentuk ajax, memeriksa semua, kumpulan kotak, bentuk, bentuk css, bentuk styler, pengesahan bentuk, label dalam bidang, bentuk jquery, mengesahkan