2013-02-10 76 views
3

這是輸出我的願望:如何用帶有Rails窗體助手的圖標創建這個HTML5按鈕?

<button type="submit" class="btn btn-large btn-search btn-primary"> 
    <i class="icon icon-search"></i> Find Your Apartment 
</button> 

如果我的一個鏈接這樣做,而不是一個按鈕,我可能會做這樣的事情:

<%= link_to root_path do %> 
    <i class="icon icon-search"></i> Find Your Apartment 
<% end %> 

但考慮到我使用Rails表單助手,我不太確定如何用f.submit來做到這一點。

我想:

<%= f.submit, :class => "btn btn-large btn-search btn-primary" do %> 
    <i class="icon icon-search"></i> Find Your Apartment 
<% end %> 

這給了我一個語法錯誤。

想法?

編輯1:

對於它的價值,這並沒有給我的語法錯誤,但它不呈現圖標或「尋找你的公寓」文本:

<%= f.submit "Find Your Apartment", :class => "btn btn-large btn-search btn-primary" do %> 
    <i class="icon icon-search"></i> Find Your Apartment 
<% end %> 

回答

8

你可以使用按鈕標籤

<%= button_tag(type: 'submit', class: "btn btn-large btn-search btn-primary") do %> 
<i class="icon icon-search"></i> Find Your Apartment 
<% end %> 
+0

完美...我以爲我看到過這樣的事情。像寶石一樣工作! – marcamillion 2013-02-10 11:21:17