Значок внутри text_field_tag ​​(фундамент-рельсы)

Question

Я использую фундамент-рельсы для создания формы регистрации. Внутри DIV:

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

Я хочу иметь «показать пароль» или значок внутри этой области (на правой стороне), при щелчке которого пароль должен быть показан.

Как поместить шрифт удивительной иконки внутри text_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>