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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


plum.Form - Een jQuery Form Styling Tool - WorldWideScripts.net Item te koop

Ads

Ad: Bluehost hosting

Aan allen die linker commentaren vragen deze afgelopen paar maanden, en degenen die vragen in de toekomst vragen : Als u hulp nodig hebt, dan kunt u mij uit mijn profielpagina . Ik ben nogal druk geweest en ik ben net weer op de rails . E-mail is de snelste manier voor mij om u te helpen.

Huidige versie : 1.5.2 ; 15 januari 2012

plum.form is het perfecte hulpmiddel voor ontwerpers die behoefte hebben aan stap over de grenzen van saaie webformulieren . Het vereenvoudigt het proces van het creëren van een perfecte vormen die er mooi en voegen extra functies aan uw website .

Hoe werkt het ?

Anders dan een beetje van JavaScript en sommige CSS, er is echt niets extra je nodig hebt . Pruim richt haar macht over vormen of individuele vorm -elementen en creëert HTML wrappers op de vlieg . In plaats van gehannes met een onhandige drop- down menu, kunt u gebruik maken van eenvoudige CSS-klassen te werken met eenvoudige HTML . Alles wat je nodig hebt is een vorm

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

Voor elk element dat is gericht, Plum zorgt voor een ' wrapper ' die je kunt stijl met CSS . Dat wrapper wordt gegeven erg basic, gedenkwaardige klasse namen, zoals " select ", " file", of "input checkbox uitgeschakeld " . Omdat Plum maakt gebruik van het type element als naam van een klasse, kunt u speciale stijlen toe te voegen aan specifieke gebieden . Bijvoorbeeld, misschien heb je een mooie icoon toevoegen aan velden die een " search " -klasse ( met behulp van hebben<input Type="search">).

De onderliggende aspect van plum.Form is eenvoud . Het is niets meer dan een styling tool, wat betekent dat je alle functionaliteit van een gewone webformulier behouden . Toetsenbordnavigatie werkt nog steeds ( met inbegrip van het typen van de waarde van een optie, terwijl gericht op een select veld ), en hetzelfde geldt voor het verzenden van gegevens naar uw server . Plum is er gewoon om alles er mooi en voegen een extra vleugje flair .

Functies

  • nieuw in 1.4AJAX -ready : Plum hoeft u slechts eenmaal te worden genoemd . Elke elementen toegevoegd aan de pagina daarna wordt automatisch uitgevoerd door de pruim
  • Geen extra HTML-opmaak is vereist
  • Kleine bestandsgrootte! Minified, plum.Form is onder de 20 Kb
  • Stijl alle onderdelen van een formulier, inclusief bestands invoervelden, drop-down ( select ) menu's, selectievakjes, keuzerondjes, knoppen en tekst en wachtwoord velden
  • Ondersteunt vakje groepen met meerdere staten : . Geen, alle en gemengde ( sommige gecontroleerd, sommige niet )
  • In het veld labels die vervagen op focus en verbergen tijdens het typen
  • Formuliervalidatie met vooraf gedefinieerde controles ( telefoon #, e-mailadres en de inhoud lengte ) evenals aangepaste methodes
  • Ondersteunt meerdere file uploads
  • Bestanden kunnen worden geüpload via AJAX
  • HTML5 browsers kan een voortgangsbalk op AJAX -bestand upload tonen
  • Beperk het uploaden van bestanden naar bepaalde soorten, maten en hoeveelheden
  • Behoudt standaardformulier functionaliteit : plum.Form ondersteunt gericht op elementen met de tab-toets en het navigeren menu's selecteren door te typen optienamen of met de pijltjestoetsen
  • Ondersteunt trapsgewijze menu's selecteren
  • Gemakkelijk aan te passen aan nieuwe vormen skins te creëren
  • Uitgebreide documentatie
  • Eenvoudig te gebruiken : onder meer de dossiers, gericht op uw formulieren, en je bent klaar!

Browser ondersteuning

  • Mozilla Firefox 3 of nieuwer
  • Apple Safari 3 of nieuwer
  • Google Chrome
  • Opera 10 of nieuwer
  • Microsoft Internet Explorer 7 of nieuwer

Bedankt!

Zonder de hulp van een dergelijke ondersteunende gemeenschap, plum.Form zou nooit het daglicht gezien . Een zeer speciale dank aan iedereen die bugs en feature requests rapporteert .

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
7 juni 11

Last Update:
25 augustus 12

Compatibel Browsers:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome

Software Version:
jQuery

hoge resolutie:
Nee

Files Inbegrepen:
JavaScript JS , HTML , CSS , PHP , gelaagde PSD

Trefwoorden

ajax formulier controleren alles, checkbox groep, vorm, vorm css, vorm styler, formulier validatie, in het veld labels, jQuery formulier valideren