Bezpłatny konstruktor formularzy JQuery Open Source

Alpaca Forms Bezpłatny konstruktor formularzy

Open Source JQuery Builder dla interaktywnych form HTML5

Alpaca Forms to open source JQuery Builder, dla interaktywnych formularzy HTML5 dla aplikacji internetowych i mobilnych za pomocą szablonów JSON i szablonów kierownicy.

Bezpłatny konstruktor formularzy JQuery Open Source

Alpaca Forms

GitHub

Przegląd

Dostępnych jest wiele bezpłatnych narzędzi generatora formularzy HTML5. Ale Alpaca Forms to bardzo prosty i łatwy w użyciu konstruktor formularzy JQuery do generowania formularzy HTML5 dla aplikacji internetowych i mobilnych. Pozwala generować świetnie wyglądające interfejsy użytkowników na Twitterze Bootstrap, JQuery UI, JQuery Mobile i HTML5 za pomocą schematu JSON i prostych szablonów kierownicy. Alpaca jest bardzo przydatnym projektantem formularzy JQuery, a wszystko, czego potrzebujesz, jest dostarczane po wyjęciu z pudełka. Jest wypakowany z dużą biblioteką sterowania, szablonów, układów i funkcji. Alpaca to twórca formularza JavaScript napędzany przez JSON, który bardzo łatwo jest tworzyć piękne formy. Jest bardzo rozszerzony i zaprojektowany wokół rozszerzalnego wzoru obiektowego. Ta wbudowana rozszerzalność pozwala rozszerzyć i wdrażać nowe elementy sterujące, szablony, pakiety i18 i niestandardowe trwałość danych dla twoich projektów. Formularze Alpaca zapewnia kompleksową dokumentację, w której budowniczowie formularzy i programiści mogą odwoływać się do pracy z kontrolami pola, układami, szablonami, zwrotami i innymi punktami rozszerzalności w alpaca.

Cechy

Poniżej znajdują się kluczowe cechy formularzy alpaki

  • JSON
  • Obsługuje JQuery UI, JQuery Mobile i HTML5 dla renderowanego wyjścia
  • Szablony kierownicy
  • rozszerzalność
  • Kompleksowa dokumentacja
  • duża liczba obsługiwanych elementów sterujących
  • Obsługuj wiele rodzajów źródeł danych
  • Obsługa oddzwonienia
  • Obsługiwane przez Cloud CMS
  • jego bezpłatne i open source

Instrukcje Instalacji

Skopiuj następujący kod do The Block na swojej stronie:

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

Zadzwoń $ .alpaca () ze schematem formularza i dowolną konfiguracją:

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

Wygeneruje to następujący formularz HTML5 przy użyciu kombinacji Twitter Bootstrap i Alpaca.

 Polski