Alpaca Forms سازنده فرم رایگان

سازنده فرم jQuery منبع باز برای فرم های تعاملی HTML5

Alpaca Forms یک سازنده فرم jQuery با منبع باز است ، برای فرم های تعاملی HTML5 برای برنامه های وب و تلفن همراه شما با استفاده از الگوهای JSON Schema و Handlebars.

بررسی اجمالی

بسیاری از ابزارهای ژنراتور فرم HTML5 رایگان در دسترس است. اما ، فرم های Alpaca یک سازنده فرم jQuery بسیار ساده و آسان برای تولید فرم های HTML5 برای برنامه های وب و تلفن همراه است. این امکان را به شما می دهد تا در بالای بوت استرپ توییتر ، UI jQuery ، jQuery Mobile و HTML5 با استفاده از طرح های JSON و الگوهای دسته ای ساده ، رابط های کاربری بسیار خوبی ایجاد کنید. Alpaca یک طراح فرم jQuery بسیار مفید است و هر آنچه شما نیاز دارید خارج از جعبه است. این کتاب با یک کتابخانه بزرگ از کنترل ها ، قالب ها ، چیدمان ها و ویژگی ها از قبل بسته بندی شده است. Alpaca یک سازنده فرم JavaScript با محوریت JSON است که ارائه فرم های زیبا را بسیار آسان می کند. این بسیار گسترده است و در اطراف یک الگوی شیء گرا محور طراحی شده است. این قابلیت توسعه داخلی به شما امکان می دهد کنترل ها ، الگوهای ، بسته های I18 و ماندگاری داده های سفارشی را برای پروژه های خود گسترش و پیاده سازی کنید. Alpaca Forms مستندات کاملی را ارائه می دهد که سازندگان و توسعه دهندگان می توانند برای کار با کنترل های میدانی ، چیدمان ها ، الگوها ، تماس های برگشتی و سایر نقاط قابل گسترش در ALPACA مراجعه کنند.

امکانات

در زیر ویژگی های اصلی فرم های Alpaca وجود دارد

JSON محور
از UI jQuery ، jQuery Mobile و HTML5 برای خروجی ارائه شده پشتیبانی می کند
الگوهای دسته Handlebars
قابلیت گسترش
یک مستندات جامع
تعداد زیادی از کنترل های پشتیبانی شده
از انواع مختلفی از منابع داده پشتیبانی کنید
پشتیبانی از تماس تلفنی
پشتیبانی شده توسط Cloud CMS
منبع آزاد و آزاد آن

دستورالعمل نصب و راه اندازی

کد زیر را در صفحه وب خود کپی کنید:

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

با طرح فرم خود و هر پیکربندی با $ .alpaca () تماس بگیرید:

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

این فرم HTML5 زیر را با استفاده از بوت استرپ توییتر و ترکیب Alpaca ایجاد می کند.