2016-11-03 69 views
0

我一直在試圖找到一種方法來將​​插入到導軌form_fortext_field中。這裏是我在軌道的形式設置:在導軌中插入圖形form_for text_field

<div class="form-group"> 
    <%= f.text_field :first_name, :class => "form-control input-sm", :name => "first_name", placeholder: "First Name" %> 
    <i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> 
</div> 

所以,很顯然,這將治療f.text_fieldi標籤作爲單獨的元素。所以i將被放置在f.text_field(input)以下,而不是其中。所以問題是,有沒有辦法在軌道上放置ispan某種標籤,在f.text_field內?我知道我可以position: relativei元素,並將其正確放置在由f.text_field創建的input字段的頂部。

任何答案或建議,非常感謝。

回答

-2

編輯:看起來我搞砸了我的答案以前。希望這可以幫助。

您可以將字段轉換爲DO塊,像這樣:

<%= f.text_field :first_name do %> 
    :name => "first_name", 
    :placeholder => "First Name", 
    :class => "form-control input-sm", 
    :html => "<i class="glyphicon glyphicon-info-sign></i>" 
<% end %> 

我認爲這個問題的答案提供了良好的細節:

Rails, insert span tag in form_for label custom text

-1

可以使用塊,使這個。嘗試這樣的事情

<div class="form-group"> 
    <%= f.text_field :first_name, :class => "form-control input-sm", :name => "first_name", placeholder: "First Name" do %> 
    <i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> 
    <% end %> 
</div> 

這種塊語法適用於其他傭工太像的link_to,button_to等

+1

我試圖'text_field'放入一個塊,但沒有任何反應。當我檢查元素時,它會呈現頁面,就好像「i」不存在一樣。難道我做錯了什麼?我的語法直接複製+貼上你放下的東西。 – Nappstir