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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


plum.Form - En jQuery Form Styling Tool - WorldWideScripts.net Element til salgs

Ads

Ad: Bluehost hosting

Til alle som har forlatt kommentarer stille spørsmål de siste par månedene, og de som kan stille spørsmål i fremtiden: Hvis du trenger hjelp, vennligst send meg fra min profilside. Jeg har vært ganske opptatt og får bare tilbake på sporet . E-post er den raskeste måten for meg å hjelpe deg.

Gjeldende versjon : 1.5.2, 15 januar 2012

plum.form er det perfekte verktøyet for designere som trenger å gå over grensene for kjedelige skjemaer. Det forenkler prosessen med å lage perfekte former som ser vakker og legge til ekstra funksjoner til ditt nettsted .

Hvordan virker det?

Annet enn en bit av JavaScript og noen CSS, det er egentlig ikke noe ekstra du trenger. Plum fokuserer sin makt på skjemaer eller individuelle form elementer og skaper HTML wrappers på fly. I stedet for å fikle med en klønete drop- down menyen, kan du bruke grunnleggende CSS-klasser for å arbeide med enkel HTML. Alt du trenger er 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>

For hvert element som er målrettet, skaper Plum en "wrapper " som du kan style med CSS. At wrapper er gitt veldig grunnleggende, minneverdige klasse navn, som " select ", "fil", eller "input boksen deaktivert " . Fordi Plum bruker den type element som en klasse navn, kan du legge til spesielle stiler til bestemte felt. For eksempel kan du legge til en fin ikonet til felt som har en " søk "-klassen ( bruker<input Type="search">).

Den underliggende aspekt av plum.Form er enkelhet. Det er ikke noe mer enn en styling verktøy, som betyr at du beholde all funksjonalitet på en vanlig web-skjema . Tastaturnavigasjon fortsatt fungerer (inkludert å skrive inn verdien av en opsjon mens fokusert på en utvalgt felt), som betyr å sende data tilbake til serveren din. Plum er bare der for å gjøre alt ser fint og legge til en ekstra touch av eleganse.

Funksjoner

  • nytt i 1.4AJAX -ready : Plum behov for å bli kalt bare én gang . Eventuelle elementer legges til side etterpå blir automatisk kjøre gjennom Plum
  • Ingen ekstra HTML markup er nødvendig
  • Tiny filstørrelse! Minified, er plum.Form under 20 Kb
  • Stil alle deler av et skjema, inkludert fil input felt, drop -down ( velg) menyer, avkryssingsbokser, radioknapper, knapper og tekst og passord
  • Støtter sjekk boks grupper med flere tilstander: . Ingen, alle, og blandet (noen sjekket, noen ikke )
  • Tilgrensende etiketter som falmer på fokus og skjule når du skriver
  • Form validering med forhåndsdefinerte sjekker ( telefon #, e-postadresse og innhold lengde) samt tilpassede metoder
  • Støtter flere filopplasting
  • Filer kan lastes opp via AJAX
  • HTML5 nettlesere kan vise en fremgang bar på AJAX filopplasting
  • Begrense filopplasting til visse typer, størrelser og mengder
  • Beholder standard form funksjonalitet: plum.Form støtter fokus på elementer med tabulatortasten og navigere utvalgte menyer ved å skrive valgnavnene eller bruke piltastene
  • Støtter gjennomgripende utvalgte menyer
  • Lett tilpasses for å skape nye skjema skins
  • Omfattende dokumentasjon
  • Enkel å bruke : include filene, målrette former, og du er ferdig !

Nettleseren Support

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

Takk !

Uten hjelp av et slikt støttende fellesskap, ville plum.Form aldri har sett dagens lys . En spesiell takk til alle som rapporterer bugs og anmodninger om funksjoner .

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
7 juni 11 , Siste oppdatering

Søkeord

ajax skjema, sjekk alle, boksen gruppe, skjema, skjema css, skjema styler, form validering, tilgrensende etiketter, jquery skjema, validere