Использование кнопки «Бумага-кнопка» в качестве кнопки ввода для отправки формы

Question

Я пытаюсь использовать кнопку «Paper-icon» в качестве кнопки ввода для отправки формы.

<form method="POST" action="self"> 
    <paper-icon-button icon="star" extends="input" name="favourite" noscript></paper-icon-button> 
    <input type="hidden" name="hiddenId" value="1"/>     
    <input type="hidden" is="favourite"> 
</form> 

Это, кажется, не представляет форму.

Что я здесь делаю неправильно?

Заранее спасибо.

Answer 1

также решить вопросы проверки поля «требуется»,

Лучше всего было бы использовать это свойство:

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

И не забывать атрибут «является» в < форме тега> :

<form is="iron-form" method="POST" action="self"> 

Дополнительная информация: iron-form

Answer 2

Это происходит потому, что paper-icon-button не button или input типа submit и поэтому не отправить форму. То, что вы можете сделать, это добавить событие щелчка к кнопке, которая вызывает функцию, которая отправляет форму.

Answer 3

Вы можете использовать эту работу вокруг:

<button type="submit"> 
    <iron-icon icon="star"></iron-icon> 
</button> 

Не забудьте импортировать "железо-значок":

<link rel="import" href="bower_components/iron-icon/iron-icon.html"> 

Также не забудьте раздеться стиль кнопки по умолчанию:

button { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance:none; 
    border: 0; 
} 

Или как @Ben Thomas предложил, сделать это:

<form method="POST" action="self" id="the-form"> 
    <paper-icon-button icon="star" extends="input" name="favourite" raised onclick="submitForm()"></paper-icon-button> 
    <input type="hidden" name="hiddenId" value="1"/>     
    <input type="hidden" is="favourite"> 
</form> 

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