Pembangun formulir jQuery open source gratis

Alpaca Forms Pembangun Bentuk Gratis

Pembangun formulir jQuery open source untuk formulir html5 interaktif

Formulir Alpaca adalah pembangun formulir jQuery open-source, untuk formulir HTML5 interaktif untuk aplikasi web dan seluler Anda menggunakan JSON Skema dan templat setang.

Pembangun formulir jQuery open source gratis

Alpaca Forms

GitHub

Ringkasan

Ada banyak alat generator bentuk HTML5 gratis yang tersedia. Tapi, formulir alpaca adalah pembangun formulir jQuery yang sangat sederhana dan mudah digunakan untuk menghasilkan formulir HTML5 untuk aplikasi web dan seluler. Ini memungkinkan Anda menghasilkan antarmuka pengguna yang tampak hebat di atas Bootstrap Twitter, JQuery UI, JQuery Mobile, dan HTML5 menggunakan skema JSON dan templat setang sederhana. Alpaca adalah perancang bentuk jQuery yang sangat berguna, dan semua yang Anda butuhkan disediakan di luar kotak. Muncul pra-paket dengan perpustakaan besar kontrol, templat, tata letak, dan fitur. Alpaca adalah pembuat bentuk JavaScript yang digerakkan JSON yang membuatnya sangat mudah untuk membuat bentuk yang indah. Ini sangat dapat diperluas dan dirancang di sekitar pola berorientasi objek yang dapat diperluas. Ekstensibilitas bawaan ini memungkinkan Anda untuk memperluas dan mengimplementasikan kontrol baru, templat, bundel I18, dan kegigihan data khusus untuk proyek Anda. Formulir Alpaca menyediakan dokumentasi komprehensif yang membentuk pembangun dan pengembang dapat merujuk untuk bekerja dengan kontrol lapangan, tata letak, templat, panggilan balik, dan titik ekstensibilitas lainnya dalam Alpaca.

Fitur

Berikut ini adalah fitur utama dari bentuk alpaka

  • Json-driven
  • Mendukung JQuery UI, JQuery Mobile, dan HTML5 untuk output yang diberikan
  • Templat setang
  • ekstensibilitas
  • Dokumentasi yang komprehensif
  • Sejumlah besar kontrol yang didukung
  • Mendukung banyak jenis sumber data
  • Dukungan untuk panggilan balik
  • Didukung oleh Cloud CMS
  • Sumber gratis dan terbuka

Instruksi instalasi

Salin kode berikut ke dalam blok halaman web Anda:

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

Hubungi $ .Alpaca () dengan skema formulir Anda dan konfigurasi apa pun:

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

Ini akan menghasilkan formulir HTML5 berikut menggunakan kombinasi Twitter Bootstrap dan Alpaca.

 Indonesia