GRATIS de código abierto jQuery Form Builder

Alpaca Forms General de formularios gratuitos

Builder de formulario jQuery de código abierto para formularios HTML5 interactivos

Alpaca Forms es un constructor de formularios jQuery de código abierto, para formularios HTML5 interactivos para sus aplicaciones web y móviles que utilizan plantillas JSON Schema y Handlebars.

GRATIS de código abierto jQuery Form Builder

Alpaca Forms

GitHub

Descripción general

Hay muchas herramientas de generador de formulario HTML5 gratuitas disponibles. Pero, Alpaca Forms es un JQuery Form Builder muy simple y fácil de usar para generar formularios HTML5 para aplicaciones web y móviles. Le permite generar interfaces de usuarios de gran aspecto en la parte superior de Twitter Bootstrap, jQuery UI, jQuery Mobile y HTML5 utilizando el esquema JSON y las plantillas simples de manillares. Alpaca es un diseñador de formulario jQuery muy útil, y todo lo que necesita se proporciona fuera de la caja. Viene preenvasado con una gran biblioteca de controles, plantillas, diseños y características. Alpaca es un creador de formulario JavaScript impulsado por JSON que hace que sea muy fácil hacer que las hermosas formas. Es muy extensible y está diseñado alrededor de un patrón expandible orientado a objetos. Esta extensibilidad incorporada le permite extender e implementar nuevos controles, plantillas, paquetes I18 y persistencia de datos personalizados para sus proyectos. Los formularios de Alpaca proporcionan documentación integral de que los constructores y desarrolladores pueden hacer referencia a trabajar con controles de campo, diseños, plantillas, devoluciones de llamada y otros puntos de extensibilidad dentro de Alpaca.

Características

Las siguientes son las características clave de los formularios de Alpaca

  • JSON impulsado
  • Admite JQuery UI, JQuery Mobile y HTML5 para la salida renderizada
  • Plantillas de manillares
  • Extensibilidad
  • Una documentación integral
  • Una gran cantidad de controles compatibles
  • Admite múltiples tipos de fuentes de datos
  • Soporte para devoluciones de llamada
  • compatible con Cloud CMS
  • Su código abierto y abierto

Instrucciones de instalación

Copie el siguiente código en el bloqueo de su página 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>

Llame a $ .alpaca () con su esquema de formulario y cualquier configuración:

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

Esto generará el siguiente formulario HTML5 usando Twitter Bootstrap y Alpaca Combination.

 Español