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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


plum.Form -jQuery Form Styling Tool - WorldWideScripts.net Tuote myytävänä

Ads

Ad: Bluehost hosting

Kaikille, jotka ovat jättäneet kommentteja kysymällä nämä parin viime kuukauden aikana, ja ne, jotka voivat esittää kysymyksiätulevaisuudessa : Jos tarvitset apua, lähetä sähköpostia minulle minun profiilisivulla. Olen ollut aika kiireinen ja olen vain saada takaisin raiteilleen . Sähköposti onnopein tapa minua auttamaan sinua .

Nykyinen versio : 1.5.2, 15 tammikuu 2012

plum.form ontäydellinen työkalu suunnittelijoille, jotka täytyy astua ylirajojen tylsää web-lomakkeisiin . Se yksinkertaistaaluomassa täydellinen muotoja, jotka näyttävät kaunis ja lisäominaisuuksien Web-sivuston .

Miten se toimii ?

Muut kuinvähän JavaScript ja CSS-, siellä oikeastaan ​​mitään ylimääräistä tarvitset . Plum keskittyy valtansa muotoja tai yksittäisiä lomake-elementtejä ja luo HTML kääreet lennossa . Sen sijaan rukkaamallakömpelö pudotusvalikosta, voit käyttää perus CSS luokkia työskennellä yksinkertainen HTML . Kaikki mitä tarvitset onmuotoa

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

Sillä jokainen elementti, joka on suunnattu, Luumu luo" kääre ", että voit muotoilla CSS: llä. Tämä kääre on annettu hyvin yksinkertainen, mieleenpainuva luokan nimiä, kuten "Valitse", " tiedosto" tai "input valintaruutu käytöstä " . Koska Plum käyttää element kuinluokan nimi, voit lisätä erityisiä tyylejä erityisaloilla . Esimerkiksi, saatat lisätäkiva kuvaketta kentät on" haku" -luokan ( käyttäen<kirjoita Type="search">).

Taustalla näkökohta plum.Form on yksinkertaisuus . Se ei ole mitään muuta kuintyyli työkalu, joka tarkoittaa säilyttää kaikki toiminnotsäännöllisesti web-lomakkeen . Siirtyminen näppäimistön toimii edelleen (myös kirjoittamallaarvovaihtoehto, kun keskittyyvalitse kenttä), koska ei lähettää tiedot takaisin palvelimelle . Luumu on vain siellä tehdä kaiken näköisiä sekä lisätäripauksen hohtoa .

Ominaisuuksia

  • uusi 1.4AJAX - ready : Plum tarvitsee kutsua vain kerran . Kaikki elementit lisätäänsivulle jälkeenpäin automaattisesti läpi Plum
  • Ei ylimääräisiä HTML markup tarvitaan
  • Tiny tiedoston kokoa! Minified, plum.Form on alle 20 Kt
  • Tyyli kaikki osatmuodossa, myös tiedostojen syöttökentissä avattavasta ( valitse ) valikot, valintaruudut, painikkeet, painikkeet ja teksti ja salasana kenttiin
  • Tukee valintaruutu ryhmiä, joissa on useita valtioita : ei mitään, kaikki ja sekoitetaan ( jotkut tarkistetaan, jotkut eivät )
  • In- kentän merkinnät himmenevät keskittämisen ja piilottaa, kun kirjoitat
  • Lomake validointi ennalta määriteltyjä tarkastuksia ( puhelin #, sähköpostiosoite ja sisältö pituus) sekä mukautettuja menetelmiä
  • Tukee useita tiedostotyyppejä kuvat
  • Tiedostot voidaan ladata kautta AJAX
  • HTML5 selaimet voivat näyttääedistymispalkki AJAX tiedoston kuvat
  • Rajaa tiedostolautausten tiettyihin, koot ja määrät
  • Säilyttää vakiomuotoinen lomake toiminnot : plum.Form tukee keskitytään elementtejävälilehden näppäintä ja navigoi valitse valikoista kirjoittamalla vaihtoehto nimiä tai nuolinäppäimillä
  • Tukee CSS valitse valikoista
  • Helposti muokattavissa luoda uudenlaista nahat
  • Kattava dokumentaatio
  • Helppo käyttää : muun muassatiedostoja, kohdistaa muotoja, ja olet valmis!

Selaimen tuki

  • Mozilla Firefox 3 tai uudempi
  • Apple Safari 3 tai uudempi
  • Google Chrome
  • Opera 10 tai uudempi
  • Microsoft Internet Explorer 7 tai uudempi

Kiitos!

Ilman apua tällaisentukeva yhteisö, plum.Form olisi koskaan nähnytpäivänvaloa . Aivan erityinen kiitos kaikille jotka raportoi virheestä ja pyyntöjä .

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
07 kesäkuu 11 , Last Update

tukemat selaimet:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome , Software Version

High Resolution:
Ei, tiedostojen mukana

Avainsanoja

ajax muodossa, katso kaikki, valintaruutu ryhmä, muodossa, muodossa css, muodossa styler, muodossa validointi in- kentän merkinnät, jQuery muodossa, vahvista