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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


plum.Form - інструмент для укладання JQuery форма - WorldWideScripts.net пункт для продажу

Ads

Ad: Bluehost hosting

Для всіх, хто має ліву коментарі задавати питання ці останні пару місяців, і ті, хто можуть задавати питання в майбутньому: Якщо вам потрібна допомога, будь ласка, напишіть мені від мого профілю. Я був дуже зайнятий, і я просто отримую в потрібне русло. Електронна пошта є найшвидшим способом для мене, щоб допомогти вам.

Поточна версія: 1.5.2 ; 15 січня 2012

plum.form є ідеальним інструментом для дизайнерів, яким необхідно переступити кордону нудним веб -форм. Це спрощує процес створення ідеальної форми, що виглядати красиво і додати додаткові функції на Ваш сайт.

Як це працює?

Крім трохи JavaScript і деякі CSS, немає справді нічого зайвого вам потрібно. Слива фокусує свою владу на формах або окремих елементів форми і створює HTML обгортки на льоту . Замість того, щоб возитися з незграбною випадаючого меню, ви можете використовувати основні класи CSS для роботи з простими HTML. Все, що вам потрібно, це форма

<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>

Для кожного елемента, який, спрямованої, сливи створює " обгортку ", який можна стилі з CSS. Це обгортка дається дуже простий, що запам'ятовується імена класів, наприклад, "Вибір", "файл " або " вхід знятим " . Тому що Слива використовує тип елемента як ім'я класу, можна додати спеціальні стилі конкретних областях. Наприклад, можна додати красивий значок з полями, які мають " Пошук " класу (з допомогою<input Type="search">).

Основоположним аспектом plum.Form є простота . Це нічого більше стиль інструмент, який означає, що ви зберігаєте всі функції звичайної веб - форму. Навігація за допомогою клавіатури і раніше працює (у тому числі ввівши значення варіант поки зосереджені на полі вибору), а значить передати дані назад на сервер. Слива тільки там, щоб зробити все красиво і додати додатковий штрих чуття .

Особливості

  • нового у версії 1.4AJAX- готове : слива повинен бути викликаний тільки один раз. Будь-які елементи додані на сторінку пізніше автоматично запускаються через сливи
  • Без додаткової розмітки HTML не потрібно
  • Крихітний розмір файлу ! Мінімізований plum.Form знаходиться під 20 Kb
  • Стиль всіх частинах форми, в тому числі файлів поля введення, що розкриваються (вибір) меню, прапорці, радіо -кнопки, кнопки, текстові та пароля
  • Підтримує прапорець групи з кількома станами: . Відсутня, то і змішані (деякі перевірив, деякі ні )
  • У полі мітки, які зникають на фокус і сховатися під час набору тексту
  • Валідація форм із заздалегідь визначеними перевірками (телефону #, адресу електронної пошти і довжина вмісту), а також спеціальні методи
  • Підтримка завантаження декількох файлів
  • Файли можуть бути завантажені через AJAX
  • HTML5 браузерів може показати прогрес бар на AJAX додавання файлу
  • Обмежити завантаження файлів певних типів, розмірів і кількості
  • Зберігає стандартні функціональні форми: plum.Form підтримує упором на елементи за допомогою клавіші навігації і вибирати меню, ввівши імена опцій або допомогою клавіш зі стрілками
  • Підтримується каскадирование вибору потрібного меню
  • Легко налаштовується для створення нових скінів формі
  • Велика документація
  • Простий у використанні: увімкніть файли, орієнтувати форми, і все готово!

Підтримка браузерів

  • Mozilla Firefox 3 або вище
  • Apple Safari 3 або більш нової
  • Google Chrome
  • Opera 10 або більш нової
  • Microsoft Internet Explorer 7 або новіше

Спасибо!

Без допомоги таких підтримуючих спільноти, plum.Form ніколи не бачили денного світла. Окреме спасибі всім, хто повідомляє помилки і запити.

Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Дата створення:
11 липня червня

Останнє оновлення 25 серпня:
12

Сумісні браузери:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome

Software Version:
JQuery

Висока роздільна здатність:
Ні, Файли , включені

Ключові слова

Ajax формі, перевірити всі, прапорець групи, формі, форми CSS, форми стайлер, форма перевірки, в полі етикетки, JQuery форма перевірки