Formulaire de formulaire jQuery Open Source gratuit

Alpaca Forms Formateur de formulaire GRATUIT

Formulaire de formulaire jQuery open source pour les formulaires interactifs HTML5

Alpaca Forms est un générateur de formulaire jQuery open source, pour des formulaires HTML5 interactifs pour vos applications Web et mobiles à l'aide de modèles de schéma JSON et de guidon.

Formulaire de formulaire jQuery Open Source gratuit

Alpaca Forms

GitHub

Aperçu

Il existe de nombreux outils de générateur de formulaire HTML5 gratuit disponibles. Mais, Alpaca Forms est un générateur de formulaire JQuery très simple et facile à utiliser pour générer des formulaires HTML5 pour les applications Web et mobiles. Il vous permet de générer de superbes interfaces utilisateur au-dessus de Twitter Bootstrap, JQuery UI, JQuery Mobile et HTML5 en utilisant le schéma JSON et les modèles de guidon simples. Alpaca est un concepteur de formulaire jQuery très utile, et tout ce dont vous avez besoin est fourni hors de la boîte. Il est livré préemballé avec une grande bibliothèque de commandes, modèles, dispositions et fonctionnalités. Alpaca est un créateur de formulaire JavaScript axé sur JSON qui facilite la création de belles formes. Il est très extensible et conçu autour d’un motif orienté objet extensible. Cette extensibilité intégrée vous permet d’étendre et de mettre en œuvre de nouveaux contrôles, modèles, bundles i18 et persistance de données personnalisées pour vos projets. Alpaca Forms fournit une documentation complète selon laquelle les constructeurs et les développeurs de formulaires peuvent faire référence pour travailler avec des contrôles de terrain, des dispositions, des modèles, des rappels et d’autres points d’extensibilité dans l’alpaga.

Caractéristiques

Voici les principales caractéristiques des formulaires alpaga

  • axé sur JSON
  • Prend en charge JQuery UI, JQuery Mobile et HTML5 pour la sortie rendue
  • Modèles de guidon
  • Extensibilité
  • Une documentation complète
  • Un grand nombre de contrôles pris en charge
  • prendre en charge plusieurs types de sources de données
  • Prise en charge des rappels
  • Prise en charge de Cloud CMS
  • sa source gratuite et open

Instructions d’installation

Copiez le code suivant dans le bloc de votre page 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>

Appelez $ .alpaca () avec votre schéma de formulaire et toute configuration:

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

Cela générera le formulaire HTML5 suivant à l’aide de Twitter Bootstrap et ALPACA combinaison.

 Français