使用紙張圖標按鈕作爲輸入按鈕來提交表格

我想用紙張圖標按鈕作爲輸入按鈕來提交表格。使用紙張圖標按鈕作爲輸入按鈕來提交表格

<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>

這似乎沒有提交表格。

我在這裏做錯了什麼？

在此先感謝。

來源

2015-06-26 IvoryHeart

也解決現場驗證問題「需要」，

最好的辦法是使用這個屬性：

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

而且不要忘記屬性「是」在< form>標籤：

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

的更多信息：iron-form

來源

2016-01-02 21:10:22 B2GraphiX

這是因爲paper-icon-button不是button或input類型submit，因此不會提交表單。你可以做的是添加一個點擊事件的按鈕，調用提交表單的函數。

來源

2015-06-27 19:27:52

您可以使用此解決辦法：

<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(); 
}

來源

2015-06-29 15:51:14

使用紙張圖標按鈕作爲輸入按鈕來提交表格

回答

相關問題