W2UI Demo: forms-1

by Jason96

HTML

<script src="http://rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.js"></script>
<link rel="stylesheet" href="http://rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css">
<div id="form" style="width: 750px;">
  <div class="w2ui-page page-0">
    <div class="w2ui-field">
      <label>First Name:</label>
      <div>
        <input name="first_name" type="text" value="John" />
      </div>
    </div>
  </div>
  <div class="w2ui-buttons">
    <button class="w2ui-btn" name="reset">Reset</button>
    <button class="w2ui-btn" name="save">Save</button>
  </div>
</div>

JavaScript

$(function() {
    $('#form').w2form({
      name: 'form',
      url: 'server/post',
      fields: [
        { field: 'first_name', type: 'text', required: true }
      ],
      actions: {
        reset: function() {
          this.clear();
        },
        save: function() {
          this.save();
        }
      }
    });
  });