бумажная кнопка с типом = отправить в форме не отправляется?

Как заметил Гюнтер, вы можете создать пользовательский элемент, который расширяет некоторые нативные элементы с желаемой семантикой.

Я тоже столкнулся с вашей проблемой, и я создал простой элемент, который дает возможность отправить paper-button

<polymer-element name="paper-button-submit" extends="button" noscript>
  <template>
    <style>
      :host {
        border: 0;
        background: transparent;
        padding: 0;
        font-size: inherit;
      }
    </style>
    <paper-button>
      <content></content>
    </paper-button>
  </template>
</polymer-element>

Тогда вы можете написать это

<button type="submit" is="paper-button-submit">Add</button>

И получится кнопка с бумажным видом

Вы можете добиться отправки формы, поместив собственную кнопку внутри элемента paper-button:

<paper-button>
  <button>Sign Up</button>
</paper-button>

Затем используйте следующий CSS, чтобы скрыть нативную кнопку, убедившись, что ее хитзона заполняет весь элемент бумажной кнопки:

<style shim-shadowdom>
  paper-button {
    padding:0;
  }
  paper-button::shadow .button-content {
    padding:0;
  }
  paper-button button {
    padding:1em;
    background-color: transparent;
    border-color: transparent;
  }
  paper-button button::-moz-focus-inner {
    border: 0;
  }
</style>

Уже обсуждалось использование элементов Polymer, содержащих элементы формы в форме в группе Polymer Google, и, насколько я помню, я ответил на аналогичный вопрос здесь, на SO (после этого я проведу некоторое исследование).

1) Вы можете расширить элемент ввода

<polymer-element name="my-element" extends="input">
   ...
</polymer-element>

и использовать его как

<input is="my-element">

2) Вы можете выполнять обработку формы в пользовательском коде
(считывать значения из элементов формы и создавать вызов AJAX для отправки данных на сервер).

3) Создайте пользовательский элемент формы (расширяет второй)
, который выполняет обработку формы и вызов AJAX.

Первый вариант неприменим к основным элементам/бумажным элементам, поскольку они не расширяют <input> (или любой другой элемент формы), а встраивают его. Это относится к элементам ввода формы, а также к кнопке отправки формы.

Несколько более-менее связанных тем

• Полимер Группа Google — полимерный элемент в виде формы элемент ввода
• Заставить HTML5 работать в форме с несколькими компонентами полимерного дротика
• Блог Сета Лэдда — формы, HTTP-серверы и Polymer с Dart
• Поле формы Dart Polymer не показывает ошибки проверки
• Как получить входные данные HTML5 для проверки того, находятся ли они внутри веб-компонентов Polymer?

Что вы можете сделать, если только кнопка отправки является полимерным элементом, так это вызвать метод click() для невидимой (не полимерной) кнопки отправки в обработчике кликов <paper-button>. Подробнее см.
- Polymer: отправка формы вручную

Нет необходимости создавать пользовательский элемент. В соответствии с документами рекомендуется следующий подход:

<paper-button raised onclick="submitForm()">Submit</paper-button>

function submitForm() {
  document.getElementById('form').submit();
}

поэтому вы просто привязываете событие onclick к функции, которая вручную отправляет вашу форму.

ОБНОВЛЕНИЕ

Хотя в предыдущем примере из iron-form используется событие onclick, рекомендуется используйте on-tap вместо on-click:

Совет: используйте on-tap, а не on-click для события, которое последовательно срабатывает как на сенсорных (мобильных), так и на кликовых (настольных) устройствах.

Также рекомендуется использовать собственный DOM полимеров. API:

function submitForm(e) {
  Polymer.dom(e).localTarget.parentElement.submit();
}