Δωρεάν οικοδόμος φόρμας ανοικτού κώδικα jQuery

Alpaca Forms Δωρεάν οικοδόμος φόρμας

Open source jQuery form builder για διαδραστικές φόρμες html5

Το Alpaca Forms είναι ένας κατασκευαστής φόρμας jquery ανοιχτού κώδικα, για διαδραστικές φόρμες HTML5 για τις εφαρμογές ιστού και κινητής τηλεφωνίας σας χρησιμοποιώντας πρότυπα JSON Schema και Handlebars.

Δωρεάν οικοδόμος φόρμας ανοικτού κώδικα jQuery

Alpaca Forms

GitHub

ΣΦΑΙΡΙΚΗ ΕΙΚΟΝΑ

Υπάρχουν πολλά δωρεάν εργαλεία γεννήτριας φόρμας HTML5. Όμως, το Alpaca Forms είναι ένας πολύ απλός και εύχρηστος οικοδόμος jQuery για τη δημιουργία μορφών HTML5 για εφαρμογές ιστού και κινητής τηλεφωνίας. Σας επιτρέπει να δημιουργήσετε διεπαφές χρήστη με μεγάλη εμφάνιση στην κορυφή του Twitter Bootstrap, του JQuery UI, του JQuery Mobile και του HTML5 χρησιμοποιώντας τα πρότυπα JSON και τα απλά πρότυπα τιμόνι. Το Alpaca είναι ένας πολύ χρήσιμος σχεδιαστής φόρμας jQuery και όλα όσα χρειάζεστε παρέχονται από το κουτί. Έρχεται προ-συσκευασμένο με μια μεγάλη βιβλιοθήκη ελέγχων, προτύπων, διατάξεων και χαρακτηριστικών. Το Alpaca είναι ένας δημιουργός φόρμας JavaScript που καθοδηγείται από το JSON, ο οποίος καθιστά πολύ εύκολο να αποδώσει όμορφες μορφές. Είναι πολύ επεκτάσιμο και σχεδιάζεται γύρω από ένα επεκτάσιμο αντικειμενικό πρότυπο. Αυτή η ενσωματωμένη εκτεταμένη δυνατότητα σας επιτρέπει να επεκτείνετε και να εφαρμόσετε νέα στοιχεία ελέγχου, πρότυπα, I18 δέσμες και προσαρμοσμένη επιμονή δεδομένων για τα έργα σας. Τα έντυπα Alpaca παρέχουν ολοκληρωμένη τεκμηρίωση που σχηματίζουν κατασκευαστές και προγραμματιστές μπορούν να αναφερθούν για την εργασία με ελέγχους πεδίου, διατάξεις, πρότυπα, επανάκλησεις και άλλα σημεία επεκτάσεως στο Alpaca.

Χαρακτηριστικά

Ακολουθούν τα βασικά χαρακτηριστικά των μορφών alpaca

  • Υποστηρίζει jQuery UI, jQuery Mobile και HTML5 για παραγωγή
  • πρότυπα τιμόνι
  • Επέκταση
  • Μια ολοκληρωμένη τεκμηρίωση
  • Ένας μεγάλος αριθμός υποστηριζόμενων ελέγχων
  • Υποστήριξη πολλών τύπων πηγών δεδομένων
  • Υποστήριξη για επιστροφές επανάκλησης
  • Υποστηριζόμενη από το Cloud CMS
  • είναι δωρεάν και ανοιχτή πηγή

Οδηγίες Εγκατάστασης

Αντιγράψτε τον ακόλουθο κωδικό στο block της ιστοσελίδας σας:

    <!-- 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 χρησιμοποιώντας τον συνδυασμό Twitter Bootstrap και Alpaca.

 Ελληνικά