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 do WorldWideScripts.net

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


plum.Form -Styling narzędzia jQuery Form - Item WorldWideScripts.net na sprzedaż

Ads

Ad: Bluehost hosting

Dla wszystkich, którzy opuścili komentarz pytaniami przez ostatnie kilka miesięcy, i tych, którzy mogą zadawać pytania w przyszłości : Jeśli potrzebujesz pomocy, napisz do mnie z mojego profilu. Byłem bardzo zajęty i jestem po prostu wraca na tor . E-mail to najszybszy sposób dla mnie do pomocy.

Aktualna wersja: 1.5.2, 15 stycznia 2012

plum.form jestdoskonałym narzędziem dla projektantów, którzy muszą przechodzić nad granice nudnych formularzy internetowych. To upraszcza proces tworzenia doskonałych form, które wyglądają pięknie i dodać dodatkowe funkcje do swojej strony internetowej .

Jak to działa ?

Inne niż trochę JavaScript i niektórych CSS, tam naprawdę nic extra trzeba . Plum koncentruje swoją siłę w postaci lub poszczególnych elementów formularzy i tworzy opakowania HTML w locie . Zamiast kombinować z niezdarny rozwijanego menu, możesz korzystać z podstawowych klas CSS do pracy z prostego HTML. Wszystko czego potrzebujesz toforme

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

Dla każdego elementu, który jest celowy, Plum tworzy " opakowanie ", które można styl CSS. To wrapper podaje bardzo proste do zapamiętania nazwy klas, podobnie jak "Wybierz", "plik" lub "pole wejście nieaktywne " . Ponieważ Plum wykorzystuje typ elementu jako nazwa klasy, można dodać specjalne style do konkretnych dziedzinach . Na przykład, można dodać ładne ikony do pola, które mają klasę "szukaj" (przy użyciu<input Type="search">).

Podstawowym aspektem plum.Form jest prostota. To nic więcej niż narzędzie do stylizacji, co oznacza, że ​​zachowuje wszystkie funkcje zwykłego formularza internetowego . Klawisze nawigacji nadal działa (w tym wpisując wartość opcji podczas koncentruje się na wybranej dziedzinie ), podobnie jak wysyłanie danych z powrotem do serwera . Plum jest tylko tam, aby wszystko wyglądało ładnie i dodać dodatkowy dotyk stylu.

Opis

  • nowego w 1.4AJAX -ready : Plum musi być wywoływana tylko raz. Wszelkie elementy dodane do strony, potem są automatycznie uruchamiane przez Plum
  • No extra znaczniki HTML jest wymagane
  • Tiny rozmiar pliku ! Minified, plum.Form jest pod 20 Kb
  • Styl wszystkie części formularza, w tym pól plików, rozwijanego ( select) menu, pola wyboru, przyciski opcji, przycisków i pól tekstowych i hasło
  • Obsługuje sprawdzić grupy pudełko z wielu krajów : . Brak, wszystko i mieszane ( niektóre sprawdzone, niektóre nie )
  • W pole etykiety, które znikają w centrum uwagi i ukryć podczas pisania
  • Walidacja formularza z predefiniowanych kontroli ( telefon #, adres e-mail i długość treści) oraz metody niestandardowe
  • Obsługa wielu przesyłanie plików
  • Pliki mogą być przesyłane za pośrednictwem AJAX
  • Przeglądarek HTML5 może pokazać pasek postępu na załadowanie AJAX plików
  • Limit wysyłania plików do niektórych typów, wielkości i ilości
  • Zachowuje standardową funkcjonalność formularza: plum.Form wspiera skupienie się na elementach z klawisza TAB i nawigacji wybierz menu, wpisując nazwy opcji lub za pomocą klawiszy strzałek
  • Obsługuje kaskadowe wybierz menu
  • Łatwo konfigurowalny do tworzenia nowych skórek formularza
  • Obszerna dokumentacja
  • Prosty w użyciu : m.in. pliki, kierować formy, i gotowe !

Wsparcie Browser

  • Mozilla Firefox 3 lub nowszy
  • Apple Safari 3 lub nowsza
  • Google Chrome
  • Opera 10 lub nowszy
  • Microsoft Internet Explorer 7 lub nowszej

Dzięki !

Bez pomocy takiej społeczności wspierającej, plum.Form nigdy nie ujrzała światła dziennego. Specjalne podziękowania dla wszystkich, którzy zgłasza błędów i propozycji .

Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Utworzony:
07 czerwca 11

Ostatnia aktualizacja:
25 sierpnia 12

Zgodne Przeglądarki:
IE7 , IE8, IE9 , Firefox , Safari , Opera, Chrome , Wersja oprogramowania

High Resolution:
No

Pliki wliczony:
JavaScript JS , HTML , CSS , PHP, warstwami PSD

Słowa kluczowe

Formularz ajax, sprawdzić wszystko, grupa pole wyboru, formie, forma css, forma lokówki, walidacji formularza, w - pole etykiety, jquery formularz, zatwierdź