Бесплатный с открытым исходным кодом строитель формы jQuery

Alpaca Forms Сборщик бесплатных форм

Строитель форм с открытым исходным кодом для интерактивных форм HTML5

Alpaca Forms-это строитель форм с открытым исходным кодом, для интерактивных форм HTML5 для ваших веб-и мобильных приложений с использованием шаблонов схемы JSON и руля.

Бесплатный с открытым исходным кодом строитель формы jQuery

Alpaca Forms

GitHub

Обзор

Существует множество бесплатных инструментов генератора форм HTML5. Но Alpaca Forms-это очень простой и простой в использовании строитель форм JQuery для создания форм HTML5 для веб-и мобильных приложений. Это позволяет вам генерировать великолепные пользовательские интерфейсы на Bootstrap Twitter, jQuery UI, JQUERY Mobile и HTML5 с использованием схемы JSON и простых шаблонов руля. Alpaca - очень полезный дизайнер форм jQuery, и все, что вам нужно, предоставляется из коробки. Он поставляется в предварительно упакованной с большой библиотекой элементов управления, шаблонов, макетов и функций. Alpaca-это создатель JavaScript, управляемый JSON, который очень легко отображать красивые формы. Он очень расширяется и разработан вокруг расширяемого объектно-ориентированного шаблона. Эта встроенная расширяемость позволяет вам расширять и реализовать новые элементы управления, шаблоны, пакеты I18 и настойчивые данные для ваших проектов. Forms Alpaca обеспечивает комплексную документацию, которая формирует строители и разработчики, могут ссылаться на работу с полевыми элементами управления, макетами, шаблонами, обратными вызовами и другими точками расширяемости в Alpaca.

Функции

Ниже приведены ключевые особенности форм альпаки

  • управляемый JSON
  • Поддерживает пользовательский интерфейс jquery, jquery mobile и html5 для визуализации
  • Шаблоны руля
  • расширяемость
  • Комплексная документация
  • Большое количество поддерживаемых элементов управления
  • Поддерживать несколько типов источников данных
  • Поддержка обратных вызовов
  • Поддерживается Cloud CMS
  • Его бесплатный и открытый исходный код

Инструкции по установке

Скопируйте следующий код в блокировке вашей веб -страницы:

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

Позвоните $ .alpaca () с помощью схемы формы и любой конфигурации:

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

Это генерирует следующую форму HTML5 с использованием комбинации Bootstrap и Alpaca Twitter.

 Русский