text_field_tag（foundation-rails）内のアイコン

Question

私はサインアップフォームを作成するために基礎レールを使用しています。 DIV内部：

<%= text_field_tag "password", "", placeholder: password", class:"password", required: true, type: "password" %> 
<small class="error">Invalid</small> 

私はパスワードが表示されるべきのクリックで、（右側）「ショー・パスワード」またはこのフィールド内のアイコンを持っていると思います。

font_field_tagの中にフォントの素晴らしいアイコンを配置する方法???

Answer 1

<div class="password"> 
    <span class="fa fa-eye"></span> 
    <%= text_field_tag "password", "", placeholder: password", class:"password", required: true, type: "password" %> 
</div> 

CSSに

.password { 
    position: relative; 
} 

.password input { text-indent: 32px;} 

.password .fa-eye { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    cursor: pointer; 
} 

を追加します。あなたの答えのための

<script> 
    $('.password').find('.fa-eye').click(function(){ 
     $('#password').prop("type", "text"); 
    }) 
</script>