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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


plum.Form - Isang jQuery Form sa Pag-istilo Tool - WorldWideScripts.net Item para sa Sale

Ads

Ad: Bluehost hosting

Upang lahat na may mga komento kaliwa pagtatanong mga nakalipas na ilang mga buwan, at mga taong maaaring magtanong sa hinaharap : Kung kailangan mo ng tulong, mangyaring mag-email sa akin mula sa aking pahina ng profile. Ko pa masyadong abala at ako ay lamang sa pagkuha ng bumalik sa ayos . Email ay ang pinakamabilis na paraan para sa akin upang makatulong sa iyo .

Kasalukuyang bersyon: 1.5.2 ; Enero 15, 2012

plum.form ay ang perpektong tool para sa designer na kailangan sa hakbang sa ibabaw ng mga hangganan ng pagbubutas mga form sa web . Ito pinapasimple ang proseso ng paglikha ng perpektong mga form na mukhang maganda at magdagdag ng dagdag na mga tampok sa iyong web site.

Paano ito gumagana?

Iba pang mga kaysa sa isang bit ng JavaScript at CSS ilan, mayroong talagang walang dagdag na kailangan mo. Sirwelas tumutuon nito kapangyarihan sa mga form o mga indibidwal na mga elemento na form at lumilikha ng HTML wrappers sa mabilisang . Sa halip na kalikot na may isang hindi sanay drop-down menu, maaari mong gamitin ang mga pangunahing klase ng CSS upang gumana sa simpleng HTML. Ang kailangan mo lang ay isang anyo

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

Para sa bawat elemento na naka-target, kaakit-akit ay lumilikha ng isang " wrapper " na maaari mong istilo na may CSS . Iyon wrapper ay binigyan napaka basic, di malilimutang mga pangalan ng klase, tulad ng " select ", " file", o " input checkbox pinagana " . Dahil ang kaakit-akit ay gumagamit ng uri ng elemento ng isang pangalan ng klase, maaari kang magdagdag ng mga espesyal na mga estilo sa mga tukoy na mga patlang . Halimbawa, maaari kang magdagdag ng isang masarap na icon sa mga patlang na may isang "search " class (gamit<input Type="search">).

Ang kalakip na aspeto ng plum.Form ang pagiging simple . Ito ay walang higit sa isang estilo tool, na kung saan ay nangangahulugan na panatilihin ang lahat ng mga pag-andar ng isang regular na form sa web . Keyboard nabigasyon gumagana pa rin ang (kabilang ang pag-type ang halaga ng isang opsyon habang nakatutok sa isang piliin ang patlang na ito), pati na ang pagpapadala ng data bumalik sa iyong server . Sirwelas lamang doon upang gumawa ng lahat ng bagay hitsura maganda at magdagdag ng dagdag na katangian ng likas na talino .

Mga Tampok

  • bago sa 1.4AJAX - handa : kaakit-akit na pangangailangan upang matawag nang isang beses lamang . Anumang elemento idinagdag sa pahina Pagkatapos ay awtomatikong tumakbo sa pamamagitan ng kaakit-akit
  • Walang dagdag na HTML markup ay kinakailangan
  • Maliit na sukat ng file ! Minified, plum.Form ay sa ilalim ng 20 Kb
  • Estilo ang lahat ng mga bahagi ng isang form, kabilang ang mga patlang ng input file, drop-down na ( piling ) mga menu, i-check box, radio button, mga pindutan, at teksto at password field
  • Sinusuportahan ang check box para sa mga grupo na may maramihang mga katayuan: . None, at ang lahat ng mga halo-halong (ang ilang mga naka-check, ang ilang mga hindi)
  • In- patlang label na humawa sa focus at itago habang nagta-type
  • Form pagpapatunay na may paunang natukoy na mga tseke ( phone #, email address at haba ng nilalaman ) pati na rin ang mga custom na mga pamamaraan
  • Sinusuportahan ang maramihang pag-upload ng file
  • File maaaring i-upload sa pamamagitan ng AJAX
  • HTML5 browser maaaring ipakita ang isang progress bar sa AJAX -upload na file
  • Limitahan ang pag-upload ng file sa ilang mga uri, laki at dami
  • Pinapanatili standard form na pag-andar : plum.Form sumusuporta tumututok sa mga elemento ng key na tab at piliin ang pag-navigate sa pamamagitan ng menu ng pag-type ng mga pangalan ng opsyon o paggamit ng mga arrow key
  • Sinusuportahan ang cascading piliin ang mga menu
  • Madaling napapasadyang upang lumikha ng mga bagong skin ng form
  • Malawak na dokumentasyon
  • Simple gamitin: isama ang mga file, i-target ang iyong mga form, at tapos ka na !

Browser Support

  • Mozilla Firefox 3 o mas bago
  • Apple Safari 3 o mas bago
  • Google Chrome
  • Opera 10 o mas bago
  • Microsoft Internet Explorer 7 o mas bago

Salamat!

Nang walang tulong ng tulad ng suporta ng komunidad, plum.Form hindi kailanman nais na nakita ang liwanag ng araw . Isang napaka- espesyal na salamat sa lahat na nag-uulat mga bug at mga hiling sa tampok .

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
7 Hunyo 11

Huling Update:
25 Agosto 12

katugmang Browser:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome

Software Version:
jQuery

High Resolution:
Hindi

File Kasamang:
JavaScript JS , HTML , CSS , PHP, Layered PSD

Keyword

ajax anyo, check lahat, checkbox grupo, anyo, paraan css, form na styler, form ng pagpapatunay, in- patlang label, jquery anyo, patunayan