Ingyenes nyílt forráskódú jQuery Form Builder

Alpaca Forms Ingyenes formaépítő

Nyílt forráskódú jQuery Form Builder az interaktív HTML5 űrlapokhoz

Az Alpaca Forms egy nyílt forráskódú jQuery Form Builder, az interaktív HTML5 űrlapokhoz az Ön webes és mobil alkalmazásaihoz JSON séma és kormányzati sablonok segítségével.

Ingyenes nyílt forráskódú jQuery Form Builder

Alpaca Forms

GitHub

Áttekintés

Rengeteg ingyenes HTML5 űrlap -generátor eszköz áll rendelkezésre. Az alpaka formák azonban egy nagyon egyszerű és könnyen használható jQuery Form Builder, amely HTML5 űrlapokat generál a webes és mobil alkalmazásokhoz. Ez lehetővé teszi, hogy nagyszerű megjelenésű felhasználói felületeket generáljon a Twitter Bootstrap, a JQuery UI, a JQuery Mobile és a HTML5 tetején, JSON séma és egyszerű kormányzati sablonok segítségével. Az Alpaca egy nagyon hasznos jQuery Form Designer, és minden, amire szüksége van, a dobozból van szükség. Előre csomagolva van egy nagy vezérlőelemek, sablonok, elrendezések és funkciók könyvtárával. Az Alpaca egy JSON-vezérelt JavaScript Form Creator, amely nagyon egyszerűvé teszi a gyönyörű formák megjelenítését. Nagyon bővíthető és egy kibővíthető objektum-orientált minta körül tervezve. Ez a beépített kiterjeszthetőség lehetővé teszi az új vezérlők, sablonok, I18 kötegek és a projektek egyedi adatmegőrzésének kibővítését és megvalósítását. Az Alpaca Forms átfogó dokumentációt nyújt, amely az építők és a fejlesztők hivatkozhatnak a terepi vezérlőkkel, elrendezésekkel, sablonokkal, visszahívásokkal és az Alpaca -n belüli egyéb kiterjesztési pontokkal való munkavégzéshez.

Jellemzők

Az alábbiakban bemutatjuk az alpaka formák legfontosabb jellemzőit

  • JSON-vezérelt
  • Támogatja a JQuery UI, a JQuery Mobile és a HTML5 -et a megjelenített kimenethez
  • kormányzati sablonok
  • Bővíthetőség
  • Átfogó dokumentáció
  • Nagyon sok támogatott kezelőszerv
  • Támogassa többféle adatforrást
  • A visszahívások támogatása
  • A Cloud CMS támogatja
  • Ingyenes és nyílt forráskódú

Telepítési útmutató

Másolja meg a következő kódot a weboldal blokkjába:

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

Hívja a $ .alpaca () -t az űrlap sémájával és bármilyen konfigurációval:

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

Ez a következő HTML5 űrlapot generálja a Twitter bootstrap és az alpaka kombináció felhasználásával.

 Magyar