javascript - 在 Polymer 2.x 中设置原生输入的样式？

Question

I am trying to implement this answer.

有没有办法绑定(bind)一个on-click或 on-tap <paper-button> 事件以下任一项 hidden input元素？

我的表单.html

<iron-form>
  <form>
    ...
    <my-buttons></my-buttons>
    ...
    <input hidden type="reset">
    <input hidden type="submit">
  </form>
<iron-form>

或者以任何方式触发这些事件？即，我已经从我的 <paper-button> 发送了一个事件如下

我的按钮.html

<paper-button on-tap="_reset">Reset</paper-button>
<paper-button on-tap="_save">Save</paper-button>

<script>
  _reset() {
    // dispatchEvent...
  }
  _save() {
    // dispatchEvent...
  }
</script>

我想为显示给 <iron-form> 用户的按钮提供漂亮的( Material 设计)样式.

I am also watching @notwaldorf's (Monica D's) tutorial here.

Answer 1

你真的不需要那些隐藏的输入，因为 <iron-form>为等效事件提供 API。即 <iron-form>.submit() 和 <iron-form>.reset() :

// <iron-form id="form">

_reset() {
  this.$.form.reset();
}

_submit() {
  this.$.form.submit();
}

demo