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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


plum.Form - una eina Styling formulari jQuery - WorldWideScripts.net article en venda

Ads

Ad: Bluehost hosting

A tots els que han deixat comentaris que fan preguntes aquests últims dos mesos, i els que poden fer preguntes en el futur : obtenir ajuda, si us plau envieu-me un correu electrònic de la meva pàgina de perfil . He estat molt ocupat i només estic posant de nou en marxa . El correu electrònic és la manera més ràpida perquè t'ajudi .

Versió actual : 1.5.2, 15 gener 2012

plum.form és l'eina perfecta per als dissenyadors que necessiten per passar per sobre dels límits dels formularis web avorrides . Això simplifica el procés de creació de formes perfectes que semblen boniques i afegir característiques addicionals al seu lloc web .

Com funciona ?

A part d'una mica de JavaScript i una mica de CSS, no hi ha res addicional que necessita. Pruna centra el seu poder en formes o elements individuals del formulari i crea embolcalls HTML sobre la marxa . En lloc de tocar el violí amb un menú desplegable maldestre, pot utilitzar les classes bàsiques de CSS per treballar amb HTML simple . Tot el que necessites és una forma

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

Per cada element que està dirigit, Pruna crea un " contenidor " que pot estil amb CSS . Aquest embolcall està donat noms molt bàsiques i memorables de la classe, com " select ", " arxiu", o "casella d'entrada de discapacitats" . A causa Pruna utilitza el tipus d'element com a nom de la classe, pot afegir estils especials per a sectors específics . Per exemple, pot afegir una icona agradable als camps que tenen una mena de " recerca" ( usando<input Type="search">).

L'aspecte subjacent de plum.Form és la simplicitat . No és gens més que una eina de disseny, el que significa que conserva tota la funcionalitat d'un formulari web regular . Navegació mitjançant el teclat segueix funcionant ( incloent escrivint el valor d'una opció, mentre que es va centrar en un camp select ), igual que l'enviament de dades al servidor . Pruna hi és per fer que tot es vegi bé i afegir un toc d'estil .

Característiques

  • nou en 1.4AJAX exprés necessitats prunera per ser anomenat una sola vegada . Els elements agregats a la pàgina després s'executa automàticament a través de la prunera
  • No es requereix addicional marcat HTML
  • Mida d'arxiu petit ! Minified, plum.Form té menys de 20 Kb
  • Estil de totes parts d'un formulari, incloent camps de l'arxiu d'entrada, els menús desplegables ( select ), caselles de verificació, botons d'opció, botons, i el text i les contrasenyes
  • Suporta comprovar grups caixa amb diversos estats : . Cap, tots i mixt ( uns comprovat, altres no )
  • A les etiquetes de camp que s'esvaeixen en l'enfocament i amagar mentre s'escriu
  • Validació de formularis amb controls predefinits ( telèfon #, adreça de correu electrònic i la longitud de contingut ), així com mètodes personalitzats
  • Suporta múltiples càrregues de fitxers
  • Els arxius es poden carregar a través d'AJAX
  • Navegadors HTML5 poden mostrar una barra de progrés de càrrega d'arxius AJAX
  • Limiteu la pujada d'arxius a certs tipus, mides i quantitats
  • Reté la funcionalitat estàndard de format : plum.Form recolza centrant-se en elements amb la tecla de tabulació i navegar selectes menús escrivint noms d'opció o utilitzar les tecles de fletxa
  • Suporta cascada selectes menús
  • Fàcilment adaptable per crear noves pells de formulari
  • Àmplia documentació
  • Fàcil d'usar: incloure els arxius, orientar les seves formes, i ja està !

Suport del navegador

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

Gràcies !

Sense l'ajuda d'una comunitat com a suport, plum.Form mai hauria vist la llum del dia . Un agraïment molt especial a tots els que informa dels errors i sol · licituds de funcions .

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
11 jul de juny

última actualització:
25 agost 12

Navegadors compatibles:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome , versió de programari

Alta Resolució:
No, Arxius inclosos

Paraules clau

forma ajax, revisi tots, grup casella de verificació, la forma, la forma css, forma styler, validació de formularis, etiquetes en el terreny, la forma jquery, validar