Nemokamas atvirojo kodo „jquery“ formų kūrėjas

Alpaca Forms Nemokama formos kūrėjas

Atvirojo kodo „JQuery“ formų kūrimo priemonės interaktyvioms HTML5 formoms

„Alpaca Forms“ yra atvirojo kodo „JQuery“ formų kūrimo priemonė, skirta interaktyvioms HTML5 formoms jūsų žiniatinklio ir mobiliosioms programoms, naudojant JSON schemą ir vairo šablonus.

Nemokamas atvirojo kodo „jquery“ formų kūrėjas

Alpaca Forms

GitHub

Apžvalga

Yra daugybė nemokamų HTML5 formų generatoriaus įrankių. Tačiau „Alpaca Forms“ yra labai paprasta ir lengvai naudojama „JQuery Form“ kūrimo priemonė, skirta generuoti HTML5 formas žiniatinklio ir mobiliosioms programoms. Tai leidžia generuoti puikias vartotojo sąsajas „Twitter Bootstrap“, „JQuery UI“, „JQuery Mobile“ ir „HTML5“, naudojant JSON schemą ir paprastus rankenos šablonus, viršuje. „Alpaca“ yra labai naudinga „JQuery“ formos dizaineris, o viskas, ko jums reikia, yra pateikta iš dėžutės. Jis yra iš anksto supakuotas su didele valdiklių, šablonų, išdėstymo ir funkcijų biblioteka. „Alpaca“ yra JSON varomas „JavaScript“ formos kūrėjas, todėl labai lengva pateikti gražias formas. Jis yra labai išplėstinis ir suprojektuotas aplink plečiamą į objektą orientuotą modelį. Šis integruotas išplėtimas leidžia išplėsti ir įgyvendinti naujus valdiklius, šablonus, I18 paketus ir pasirinktinius duomenis jūsų projektams. „Alpaca Forms“ pateikia išsamią dokumentaciją, kuria formuojami statytojai ir kūrėjai gali remtis darbu su lauko valdikliais, išdėstymais, šablonais, atgaliniais ryšiais ir kitais išplėtimo taškais Alpaca.

Funkcijos

Toliau pateikiami pagrindiniai alpakos formų bruožai

  • JSON varomas
  • Palaiko „JQuery UI“, „JQuery Mobile“ ir „HTML5“ pateiktą išvestį
  • Vairo šablonai
  • išplėtimas
  • Išsami dokumentacija
  • daugybė palaikomų valdiklių
  • Palaikykite kelių tipų duomenų šaltinius
  • atgalinių skambučių palaikymas
  • Palaikoma debesies CMS
  • jo nemokamas ir atviras kodas

Diegimo instrukcijos

Nukopijuokite šį kodą į savo tinklalapio kliūtį:

    <!-- dependencies (jquery, handlebars and bootstrap) -->
      <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
      <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
      <link type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/>
      <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
      <!-- alpaca -->
      <link type="text/css" href="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.css" rel="stylesheet"/>
      <script type="text/javascript" src="//cdn.jsdelivr.net/npm/alpaca@1.5.27/dist/alpaca/bootstrap/alpaca.min.js"></script>

Skambinkite $ .Alpaca () su savo formos schema ir bet kokia konfigūracija:

     
    <div id="form1"></div>
    <script type="text/javascript">
    $("#form1").alpaca({
        "schema": {
            "title": "What do you think of Alpaca?",
            "type": "object",
            "properties": {
                "name": {
                    "type": "string",
                    "title": "Name"
                },
                "ranking": {
                    "type": "string",
                    "title": "Ranking",
                    "enum": ['excellent', 'not too shabby', 'alpaca built my hotrod']
                }
            }
        }
    });
    </script>

Tai sukurs šią HTML5 formą, naudodama „Twitter Bootstrap“ ir „Alpaca“ derinį.

 Latviski