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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


plum.Form - En jQuery Form Styling Tool - WorldWideScripts.net objekt till försäljning

Ads

Ad: Bluehost hosting

Till alla som lämnat synpunkter ställa frågor de senaste två månaderna, och de som får ställa frågor i framtiden : Om du behöver hjälp, vänligen maila mig från min profilsida . Jag har varit helt upptagen och jag bara få tillbaka på rätt spår . E-post är det snabbaste sättet för mig att hjälpa dig .

Aktuell version : 1.5.2, 15 Jan 2012

plum.form är det perfekta verktyget för konstruktörer som behöver kliva över gränserna för tråkiga webbformulär . Det förenklar processen att skapa perfekta former som ser vacker och lägga till extra funktioner till din webbplats .

Hur fungerar det?

Annat än en bit av JavaScript och lite CSS, det finns verkligen inget extra du behöver . Plum fokuserar sin makt på blanketter eller enskilda delar bildar och skapar HTML- omslag i farten . Istället för att mixtra med en klumpig rullgardinsmenyn, kan du använda grundläggande CSS-klasser för att arbeta med enkla HTML . Allt du behöver är en 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 varje element som är riktade, skapar Plum en " wrapper " som du kan styla med CSS . Denna wrapper ges mycket grundläggande, minnesvärda klassnamn, som " välj ", " file ", eller " input kryssrutan inaktiverad " . Eftersom Plum använder vilken typ av element som en klass namn, kan du lägga till speciella stilar för specifika områden . Till exempel kan du lägga en fin symbol för fält som har en " sök " klass ( med<input Type="search">).

Den underliggande aspekten av plum.Form är enkelhet . Det finns inget mer än en styling verktyg, vilket innebär att du behåller all funktionalitet i en vanlig webbformulär . Tangentbordsnavigering fungerar fortfarande ( även skriva värdet av en option samtidigt fokuserat på ett utvalt område ), som innebär att skicka data tillbaka till din server . Plum är bara där för att göra allt ser fint och lägga till en extra touch av flärd .

Features

  • nytt i 1.4AJAX -ready : Plum behöver kallas endast en gång . Eventuella delar läggs till på sidan efteråt körs automatiskt genom Plum
  • Inga extra HTML-kod krävs
  • Liten filstorlek ! Minified är plum.Form under 20 Kb
  • Style alla delar av ett formulär, inklusive fält file input, drop - down ( välj ) menyer, kryssrutor, alternativknappar, knappar och text och fält lösenord
  • Stöder kryssrutan grupper med flera stater : . Ingen, allt och blandade ( vissa markerad, vissa inte )
  • I - etiketterna som bleknar på fokus och dölja medan du skriver
  • Form validering med fördefinierade kontroller ( telefon #, e-postadress och innehåll längd ) samt anpassade metoder
  • Stöd för flera filöverföringar
  • Filer kan laddas upp via AJAX
  • HTML5 webbläsare kan visa en förloppsindikator på AJAX filöverföringar
  • Begränsa uppladdning till vissa typer, storlekar och kvantiteter
  • Behåller standardformulär funktionalitet : plum.Form stöder fokus på element med tab-tangenten och navigering Välj menyer genom att skriva alternativnamn eller använda piltangenterna
  • Stöder överlappande välja menyer
  • Enkelt anpassningsbar för att skapa ny form skinn
  • Omfattande dokumentation
  • Enkel att använda : inkludera filer, rikta dina formulär, och du är klar !

Browser Support

  • Mozilla Firefox 3 eller senare
  • Apple Safari 3 eller nyare
  • Google Chrome
  • Opera 10 eller nyare
  • Microsoft Internet Explorer 7 eller senare

Tack !

Utan hjälp av en sådan stödjande gemenskap, skulle plum.Form aldrig sett dagens ljus . Ett mycket speciellt tack till alla som rapporterar buggar och önskemål om funktioner .

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
7 Juni 11 , Last Update

Filer Ingår:
JavaScript JS , HTML , CSS , PHP , Layered PSD

Nyckelord

ajax form, markera alla, kryssrutan grupp, formulär, formulär css, formulär styler, form validering, in - fältetiketter, jquery form, validera