iron-form

PolymerElements

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/PolymerElements/iron-form/v2.0.0/iron-form/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="iron-form.html">
<iron-form id="form1">
  <form method="get" action="/form/handler">
    <input type="text" name="name" value="Batman">
    <input type="checkbox" name="donuts" checked> I like donuts
    <br>
    <paper-checkbox name="cheese" value="yes" checked></paper-checkbox>
  </form>
  <br>
  <paper-button raised onclick="form1.submit()">Submit</paper-button>
  <div class="output"></div>
</iron-form>

<script>
  form1.addEventListener('iron-form-submit', function(event) {
    this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
  });

</script>