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

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


plum.Form - A jQuery Formo Styling Tool - WorldWideScripts.net Item por Vendo

Ads

Ad: Bluehost hosting

Al ĉiuj kiuj havas maldekstran komentoj demandojn tiuj lastaj kelkaj monatoj, kaj tiuj, kiuj povas fari demandojn en la estonteco: Se vi bezonas helpon, bonvolu retposxtu min de mia profilo paĝo. Mi estis sufiĉe okupata kaj mi nur nun denove sur vojo. Retpoŝto estas la plej rapida maniero por mi por helpi vin.

Nuna versio: 1.5.2, 15 januaro, 2012

plum.form estas la perfekta ilo por diseñadores kiu bezonas tretas trans la limoj de enuiga retejo formoj. Ĝi simpligas la procezo de kreado perfekta formoj kiuj aspektas bela kaj aldoni ekstrajn funkciojn por via TTT-ejo.

Kiel ĝi funkcias ?

Alia ol iom de JavaScript kaj CSS iuj, estas vere nenio ekstra vi bezonas. Pruno enfokusigas lian povon sur formoj aŭ individua formo elementoj kaj kreas HTML envolvaĵoj la flugo . Anstataŭ fiddling kun mallerta falmenuo vi povas uzi bazajn CSS klasoj por labori kun la simplaj HTML. Vi bezonas estas formo

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

Po elemento kiu estas celataj, Pruno kreas " wrapper " kiu vi povas stilo kun CSS. Tio wrapper estas donita tre baza, memorinda klaso nomoj, kiel " unuaranga ", " dosiero", aŭ " enigo checkbox malebligita ". Ĉar Pruno uzas la tipon de elemento kiel klaso nomo, vi povas aldoni specialajn stilojn al specifaj kampoj. Ekzemple, vi povus aldoni belan ikonon al kampoj kiuj havas " serĉo" klaso ( uzante<input Type="search">).

La fundamenta aspekto de plum.Form estas simpleco. Estas nenio pli ol stilo ilo, kiu signifas, ke vi konservos ĉiujn funkciojn de regula retejo formo. Klavaro navigado ankoraŭ funkcias (inkludante tajpi la valoro de eblo dum centris en unuaranga kampo), kiel faras sendo datumoj reen al via servilo. Pruno estas nur ekzistas por fari ĉion aspektas bela kaj aldoni kroman tuŝu instinkton .

Karakterizaĵoj

  • nova en 1.4AJAX - pretaj Pruno bezonas esti nomita nur unufoje. Ajna elementoj aldonis al la paĝo poste aŭtomate kuras tra Pruno
  • Neniu ekstra HTML HTML estas bezonata
  • Eta grandeco de dosiero ! Minified, plum.Form estas sub 20 Kb
  • Stilo ĉiuj partoj de formo, inkluzive de dosiero enigo kampoj, falmenuo (elektu ) menuojn, kontrolu skatoloj, radiaj butonoj, butonoj, kaj teksto kaj pasvorton kampoj
  • Elportas kontroli skatolo grupoj kun multnombraj statoj : nenio, ĉiuj kaj miksitaj (iuj kontrolis, iuj ne)
  • En- kampo etiketoj ke forvelkos sur fokuso kaj kaŝi dum tajpado
  • Formo kontrolada kun antaŭ- difinitaj ĉekojn ( telefono #, retadreso kaj enhavo longo ) tiel kiel kutimo metodoj
  • Subtenas plurajn dosieron alŝutoj
  • Dosieroj povas esti alŝutita tra AJAX
  • HTML5 foliumiloj povas montri progreson trinkejo en AJAX dosieron alŝutoj
  • Limigi dosieron alŝutoj al iuj tipoj, grandecoj kaj kvantoj
  • Konservas normon formo funkciojn : plum.Form elportas enfokusigante en elementoj kun la langeto ŝlosilo kaj navigante unuaranga menuoj tajpante eblo nomoj aŭ uzante sagoklavoj
  • Elportas akvofalo unuaranga menuoj
  • Facile customizable krei novan formon haŭtoj
  • Vasta dokumentaro
  • Simpla uzi: inkluzivi la dosierojn, celas viaj formoj, kaj vi faris!

Browser subteno

  • Mozilla Firefox 3 aŭ pli nova
  • Apple Safari 3 aŭ pli nova
  • Google Chrome
  • Opero 10 aŭ pli nova
  • Microsoft Internet Explorer 7 aŭ pli nova

Dankon!

Sen la helpo de tia apogo komunumo, plum.Form neniam estus vidinta la taglumon . Tre speciala dankon al ĉiuj, kiuj raportas erarojn kaj karakterizaĵo petoj.

Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
7 Junio ​​11

Last Update:
25 Aŭg 12

Kongrua Browsers:
IE7 , IE8 , IE9 , Firefox, Safari , Opero , Chrome

Programaro Versio:
jQuery

Alta Rezolucio:
Ne, Dosieroj Inkluditaj

Ŝlosilvortoj

ajax formo, kontroli ĉiuj, checkbox grupo, formo, formo css, formo Styler, formo kontrolada, en- kampo etiketoj, jQuery formo, validigi