element.html

<polymer-element name="x-foo">
  <template>
    <form action="{{ searchUrl(q) }}" method="post">
      <paper-input-decorator class="search" label="Search ..." floatingLabel>
        <input is="core-input" value="{{q}}">
      </paper-input-decorator>
    </form>
  </template>
  <script>
    Polymer('x-foo', {
      // Note that we're passing `q` in here so that the binding system can be aware
      // of changes to `q` and update the URL.
      searchUrl: function(q) {
        return MoreRouting.urlFor('search', {query: q});
      },
    });
  </script>
</polymer-element>