Styling entrée native dans Polymer 2.x?

Question

I am trying to implement this answer.

Est-il possible de lier un événement on-click ou on-tap d'un <paper-button> à l'une des hiddeninput éléments suivants?

my-form.html

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

Ou pour déclencher ces événements de quelque manière? à savoir, j'ai envoyé un événement de mon <paper-button> comme suit

my-buttons.html

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

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

Je veux donner assez (Matériau Design) style aux boutons I affichage à l'utilisateur de mon <iron-form>.

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

Answer 1

Vous avez vraiment pas besoin de ces entrées cachées, comme <iron-form> fournit une API pour les événements équivalents. A savoir, <iron-form>.submit() et <iron-form>.reset():

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

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

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

demo