在Slim / Ruby on Rails窗体中添加Bootstrap Glyphicon作为占位符

时间:2013-10-15 17:22:24

标签: ruby-on-rails ruby twitter-bootstrap placeholder slim-lang

截至目前,相关部分的代码:

= form_for(resource, as: resource_name, url: registration_path(resource_name), html:{id:'registration-form'}) do |f|
    = devise_error_messages!

    div style="padding:4px"
            = f.email_field :email, autofocus: true, placeholder: "Email address", class:"form-control", style:"height:60px"

输出看起来像这样,我认为这很好:

email address form http://ft.trillian.im/11049fe50ddf680e523742494b9b29d05fc0c73a/6koniJvKE2p09oBfresnWSzk8FNcw.jpg

但我想在文本前面加上Bootstrap 3信封Glyphicon。本周我对Rails是全新的,并且在其他地方找不到这个想法的帮助。看起来this post非常接近我想做的事情,但我不确定如何针对f.email_field标记执行此操作。感谢任何有建议的人!

1 个答案:

答案 0 :(得分:0)

HTML占位符属性仅接受纯文本。你不能在那里放任何标签,这就是你需要做的事情。

您可以尝试将图标放在文本字段后面或旁边,以便它看起来像是占位符。