Zdarma open source jQuery Form Builder

Alpaca Forms Tvůrce formulářů zdarma

Open source jQuery Form Builder pro interaktivní formy HTML5

Formuláře Alpaca jsou open-source jQuery Form Builder, pro interaktivní formuláře HTML5 pro vaše webové a mobilní aplikace pomocí šablon JSON a šablon řídítek.

Přehled

K dispozici je spousta bezplatných nástrojů pro generátory formulářů HTML5. Formuláře Alpaky jsou však velmi jednoduchý a snadno použitelný tvůrce jQuery pro generování formulářů HTML5 pro webové a mobilní aplikace. Umožňuje vygenerovat skvělá uživatelská rozhraní na horní části Bootstrap Twitter, JQuery UI, JQuery Mobile a HTML5 pomocí schématu JSON a jednoduchých šablon řídítek. Alpaka je velmi užitečný návrhář formulářů jQuery a vše, co potřebujete, je poskytováno z krabice. Dodává se předem zabaleno s velkou knihovnou ovládacích prvků, šablon, rozvržení a funkcí. Alpaca je tvůrce formulářů JavaScript řízeného JSON, který velmi usnadňuje vykreslování krásných formulářů. Je velmi rozšiřitelný a navržený kolem rozšiřitelného objektově orientovaného vzoru. Tato vestavěná rozšiřitelnost umožňuje pro vaše projekty rozšířit a implementovat nové ovládací prvky, šablony, balíčky I18 a vlastní perzistenci dat. Formuláře Alpaca poskytují komplexní dokumentaci, která vytváří stavitele a vývojáři, kteří mohou odkazovat na práci s ovládacími prvky v terénu, rozvržení, šablony, zpětná volání a další body rozšiřitelnosti v rámci alpaky.

Funkce

Níže jsou uvedeny klíčové vlastnosti formulářů alpaky

  • JSON-řízený
  • Podporuje jQuery UI, jQuery Mobile a HTML5 pro vykreslený výstup
  • Šablony řídítek
  • Rozšiřitelnost
  • Komplexní dokumentace
  • Velké množství podporovaných ovládacích prvků
  • Podporujte více typů zdrojů dat
  • Podpora zpětných volání
  • Podporováno Cloud CMS
  • Je to volný a otevřený zdroj

Instrukce k instalaci

Zkopírujte následující kód do bloku vaší webové stránky:

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

Volejte $ .alpaca () se schématem formuláře a jakoukoli konfigurací:

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

Tím se vytvoří následující formulář HTML5 pomocí kombinace Twitter Bootstrap a Alpaca.

 Čeština