將圖標添加到輸入提交按鈕

Question

目標是在提交按鈕內顯示圖標和文本。

---

這是我第一次嘗試的;並失敗。

<%= f.submit "Post", class: "new_post_submit" do %> 
    <i class="glyphicon glyphicon-pencil"></i> 
<% end %> 

經過一段時間的修補，我結束了這一點。不過，它不起作用，所以我認爲是時候問社區了。這不會導致任何錯誤，但不是說「（圖標）郵報」，該按鈕會顯示默認的文本：「創建後」

<%= f.submit class: "new_post_submit" do %> 
    <span><i class="glyphicon glyphicon-pencil"></i> Post</span> 
<% end %> 

Answer 1

試試這個

<%= button_tag(type: "submit", class: "new_post_submit") do %> 
    <span><i class="glyphicon glyphicon-pencil"></i> Post</span> 
<% end %> 

這會產生類似的html到

<button type="submit" class="new_post_submit"> 
    <span><i class="glyphicon glyphicon-plus"></i> Post</span> 
</button> 

讓我知道這是否工作。