ruby-on-rails - 将@连接到rails形式的字符串

标签 ruby-on-rails twitter-bootstrap-3

我有一个 Rails 表单,它接受 slack 用户名。在我看来,它连接了一个“@”,如下所示:

<div class="col-md-5ths col-xs-6"><h3>Slack </h3><h2> <%= "@#{@user.slack}"%></h2></div>

我如何让编辑表单附加“@”以便用户知道它在那里?

当前表格

<%= f.label :slack, "Slack username" %>
<%= f.text_field :slack, :maxlength => 30, class: 'form-control' %>

最佳答案

占位符设计而消失,我发现您正在使用Bootstrap,处理它的一种方法是使用input-group-addon 添加或追加元素

<div class="input-group">
    <span class="input-group-addon" id="basic-addon1">@</span>
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>

enter image description here

http://getbootstrap.com/components/#input-groups

关于ruby-on-rails - 将@连接到rails形式的字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35990650/

相关文章:

twitter-bootstrap-3 - bootstrap-tagsinput with typeahead, bootstrap-3

javascript - 通过按钮展开和折叠行

angularjs - 如何以编程方式关闭/打开 Angular-ui Bootstrap Accordion - 在 js 文件中

ruby-on-rails - 在 RSpec 测试中模拟子 uri

javascript - rails : unobtrusive checkin function

ruby-on-rails - heroku ssl endpoint add cert 给出内部错误,更新给出 undefined first for nil

ruby-on-rails - 为什么我的rake任务在测试中运行两次?

ruby-on-rails - FactoryBot 获取工厂的可用特征

html - 避免在 Bootstrap 中面板内的行重叠

html - 使用 Bootstrap 3.0 为多个设备创建购物车页面