【问题标题】:Adding Bootstrap Glyphicon in Slim/Ruby on Rails form as a placeholder在 Slim/Ruby on Rails 表单中添加 Bootstrap Glyphicon 作为占位符
【发布时间】:2013-10-23 14:41:57
【问题描述】:

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

= 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"

输出看起来是这样的,我认为这还不错:


(来源:trillian.im

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

【问题讨论】:

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


    【解决方案1】:

    HTML 占位符属性只接受纯文本。你不能在里面放任何标签,这是你做你想做的事所需要的。

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-06-11
    • 1970-01-01
    • 1970-01-01
    • 2023-01-05
    • 2017-05-24
    • 2015-11-25
    • 2013-03-02
    相关资源
    最近更新 更多