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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


plum.Form - A jQuery Formular Styling Tool - WorldWideScripts.net Artikel zum Verkauf

Ads

Ad: Bluehost hosting

An alle, die Kommentare hinterlassen, Fragen zu stellen in den letzten paar Monaten haben, und diejenigen, die Fragen in der Zukunft fragen darf : Wenn Sie Hilfe benötigen, kontaktieren Sie mich bitte von meiner Profilseite. Ich war ziemlich beschäftigt und bin gerade erst wieder auf die Strecke . E-Mail ist der schnellste Weg für mich, um Ihnen zu helfen.

Aktuelle Version: 1.5.2 ; 15. Januar 2012

plum.form ist das perfekte Werkzeug für Designer, die zum Schritt über die Grenzen von langweiligen Web-Formulare müssen . Es vereinfacht den Prozess der Erstellung von perfekten Formen, die schön aussehen und fügen zusätzliche Funktionen, um Ihre Website.

Wie funktioniert es?

Andere als ein bisschen JavaScript und einige CSS, gibt es wirklich nichts extra die Sie benötigen. Plum konzentriert seine Energie auf Formularen oder einzelne Formular-Elemente und erzeugt HTML- Wrapper on the fly . Anstatt das Hantieren mit einem plumpen Dropdown-Menü können Sie grundlegende CSS-Klassen mit einfachen HTML arbeiten. Alles was Sie brauchen ist eine Form

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

Für jedes Element, das der gezielten, schafft Plum einen "Wrapper ", dass man Stil mit CSS . Das Deckblatt ist sehr einfach, einprägsam Klasse Namen gegeben, wie "select ", " Datei " oder " Eingang Checkbox deaktiviert " . Weil Plum nutzt die Art des Elements als eine Klasse Namens können Sie spezielle Stile auf bestimmte Felder hinzuzufügen. Zum Beispiel könnten Sie ein schönes Symbol, um Felder, die " Suche "-Klasse ( mithaben hinzuzufügen. <input Type="search">).

Die zugrunde liegende Aspekt plum.Form ist die Einfachheit. Es ist nichts weiter als ein Styling-Werkzeug, das Sie behalten alle Funktionen eines normalen Web- Form bedeutet . Navigation mit der Tastatur noch funktioniert (einschließlich Eingabe der Wert einer Option während eines select Feld fokussiert), ebenso wie das Senden von Daten zurück auf Ihren Server. Plum ist nur da, um alles schön aussehen und einen zusätzlichen Hauch von Flair.

Eigenschaften

  • neu in 1.4AJAX -ready: Plum muss nur einmal aufgerufen werden . Alle Elemente hinzugefügt, um die Seite danach werden automatisch durch Plum
  • laufen . Keine zusätzlichen HTML-Markup erforderlich ist
  • Tiny Dateigröße! Minimierte ist plum.Form unter 20 Kb
  • Stil alle Teile eines Formulars, einschließlich Datei- Eingabefelder, Drop-down (select) Menüs, Checkboxen, Radio-Buttons, Buttons und Text-und Passwort-Felder
  • Unterstützt Kontrollkästchen Gruppen mit mehreren Staaten : . Keine, alles und gemischt ( einige geprüft, einige nicht )
  • Im Bereich Etiketten, die auf Fokus verblassen und zu verstecken, während Sie tippen
  • Formular -Validierung mit vordefinierten Prüfungen ( Telefon #, E-Mail -Adresse und Content-Länge ) sowie benutzerdefinierte Methoden
  • Unterstützt mehrere Datei-Uploads
  • Dateien können durch AJAX
  • hochgeladen werden. HTML5 -Browsern kann eine Fortschrittsanzeige auf AJAX Datei-Uploads zeigen
  • Beschränken Datei-Uploads auf bestimmte Arten, Größen und Mengen
  • Behält Formblatts Funktionalität : plum.Form unterstützt die Konzentration auf Elemente mit der Tab-Taste und navigieren Sie erlesene Menüs, indem Sie Option Namen oder mit den Pfeiltasten
  • Unterstützt Kaskadierung Auswahlmenüs
  • Leicht anpassbare, neue Form Skins erstellen
  • Umfangreiche Dokumentation
  • Einfach zu bedienen : die Dateien enthalten, die Ausrichtung Ihrer Formulare, und du bist fertig !

Browser-Unterstützung

  • Mozilla Firefox 3 oder neuer
  • Apple Safari 3 oder neuer
  • Google Chrome
  • Opera 10 oder neuer
  • Microsoft Internet Explorer 7 oder höher

Vielen Dank !

Ohne die Hilfe eines solchen unterstützende Gemeinschaft, würde plum.Form nie das Licht der Welt erblickt haben . Ein ganz besonderer Dank an alle, die Bugs und Feature Requests meldet .

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
7 11. Juni

Letztes Update 25. August:
12

kompatiblen Browsern:
IE7, IE8 , IE9 , Firefox , Safari, Opera, Chrome , Software Version

Hohe Auflösung:
Nein

Dateien inklusive:
JavaScript JS , HTML , CSS, PHP, PSD

Stichworte

ajax Form, überprüfen alle, Checkbox-Group, Form, Form css, Form Styler, Formular-Validierung, in -field Etiketten, jquery Form, validieren