Construtor de formulários de formulário de código aberto gratuito

Alpaca Forms Construtor de formulários livre

Open JQuery Form Builder para formulários HTML5 interativos

O Alpaca Forms é um construtor de formulários jQuery de código aberto, para formulários HTML5 interativos para seus aplicativos da Web e móveis usando modelos de esquema e guidão JSON.

Construtor de formulários de formulário de código aberto gratuito

Alpaca Forms

GitHub

Visão geral

Existem muitas ferramentas gratuitas de gerador de formulários HTML5 disponíveis. Mas, o Alpaca Forms é um construtor de formulários de jQuery muito simples e fácil de usar para gerar formulários HTML5 para aplicativos da Web e móveis. Ele permite gerar interfaces de usuário com ótima aparência no topo do Twitter Bootstrap, JQuery UI, JQuery Mobile e HTML5 usando modelos de esquema JSON e guidão simples. A Alpaca é um designer de formulário de jQuery muito útil e tudo o que você precisa é fornecido fora da caixa. Ele vem pré-embalado com uma grande biblioteca de controles, modelos, layouts e recursos. A Alpaca é um criador de formulários JavaScript, acionado por JSON, que facilita muito a renderização de formas bonitas. É muito extensível e projetado em torno de um padrão expansível orientado a objetos. Essa extensibilidade interna permite estender e implementar novos controles, modelos, feixes i18 e persistência de dados personalizados para seus projetos. Os formulários da ALPACA fornecem documentação abrangente que formam construtores e desenvolvedores podem referir -se para trabalhar com controles de campo, layouts, modelos, retornos de chamada e outros pontos de extensibilidade na Alpaca.

Características

A seguir, estão os principais recursos das formas de alpaca

  • JSON Driven
  • Suporta JQuery UI, JQuery Mobile e HTML5 para saída renderizada
  • Modelos de guidão
  • extensibilidade
  • Uma documentação abrangente
  • Um grande número de controles suportados
  • Suporte a vários tipos de fontes de dados
  • Suporte para retornos de chamada
  • Suportado pelo Cloud CMS
  • É de código aberto e livre

Instruções de instalação

Copie o seguinte código no bloco da sua página da web:

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

Ligue para $ .alpaca () com seu esquema de formulário e qualquer configuração:

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

Isso gerará o seguinte formulário HTML5 usando a combinação de bootstrap e alpaca no Twitter.

 Português