Ücretsiz Açık Kaynak JQuery Form Oluşturucu

Alpaca Forms Ücretsiz Form Oluşturucu

Etkileşimli HTML5 Formları için Açık Kaynak JQuery Form Oluşturucu

ALPACA Forms, JSON Şeması ve Gidon Şablonları kullanarak web ve mobil uygulamalarınız için etkileşimli HTML5 formları için açık kaynaklı bir JQuery Form oluşturucudur.

Ücretsiz Açık Kaynak JQuery Form Oluşturucu

Alpaca Forms

GitHub

Genel Bakış

Çok sayıda ücretsiz HTML5 form jeneratör aracı mevcuttur. Ancak, Alpaca Forms, web ve mobil uygulamalar için HTML5 formları oluşturmak için çok basit ve kullanımı kolay bir JQuery Form oluşturucudur. JSON Şeması ve Basit gidon şablonlarını kullanarak Twitter Bootstrap, JQuery UI, JQuery Mobile ve HTML5’in üstünde harika görünümlü kullanıcı arayüzleri oluşturmanızı sağlar. Alpaca çok kullanışlı bir jQuery form tasarımcısıdır ve ihtiyacınız olan her şey kutudan çıkarılır. Önceden paketlenmiş büyük bir kontrol kütüphanesi, şablonlar, düzenler ve özellikler. Alpaca, güzel formlar oluşturmayı çok kolaylaştıran JSON odaklı bir JavaScript form yaratıcısıdır. Çok genişletilebilir ve genişletilebilir nesne yönelimli bir desen etrafında tasarlanmıştır. Bu yerleşik genişletilebilirlik, projeleriniz için yeni kontrolleri, şablonları, i18 demetlerini ve özel veri kalıcılığını genişletmenizi ve uygulamanızı sağlar. ALPACA Forms, Form İnşaatçıları ve Geliştiricilerin ALPACA içindeki saha kontrolleri, düzenler, şablonlar, geri arama ve diğer genişletilebilirlik noktalarıyla çalışmak için referans verebilecekleri kapsamlı belgeler sunar.

Özellikler

ALPACA formlarının temel özellikleri aşağıdadır

  • JSON Trenli
  • Oluşturulan çıktı için JQuery UI, JQuery Mobile ve HTML5’i destekler
  • gidon şablonları
  • Genişletilebilirlik
  • Kapsamlı bir belge
  • Çok sayıda desteklenen kontrol
  • Birden fazla veri kaynağı türünü destekleyin
  • Geri arama desteği
  • Cloud CMS tarafından destekleniyor
  • Ücretsiz ve açık kaynağı

Kurulum Talimatları

Aşağıdaki kodu web sayfanızın teli ile kopyalayın:

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

Form şemanız ve herhangi bir yapılandırma ile $ .alpaca () adresini arayı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>

Bu, Twitter bootstrap ve ALPACA kombinasyonu kullanarak aşağıdaki HTML5 formunu oluşturacaktır.

 Türkçe