ruby-on-rails - 如何在 simple_form 标签旁边添加跨度

Question

我正在尝试添加一个跨度，该跨度将在标签旁边包含一个字符计数器。标签是使用 simple_form 生成的，我似乎只能将 span 放在字段的上方或下方。我尝试的代码片段如下：

<%= simple_form_for(@message, :html => {:class => 'form-vertical' }) do |f| %>
<div class="inputs">
<%= f.input :to_user_id, :required => true, :as=> :hidden %><span id="counter">160</span>
<%= f.input :content, :required => true, :input_html=> { :class=> "field-message span6", :placeholder=> "your message goes here, keep it short, 140 characters short..." } %>
</div>

Answer 1

表单构建器将具有独立的输入字段，因此一种方法是让 div 'input' 左浮动，然后让 'counter' 左浮动在它旁边。

样式.css

input { 
  clear: both;
  float: left; 
  width: 150px; 
}
#counter { float: left; width: 150px; }

form.html.erb

...
<%= f.input :to_user_id, :required => true, :as=> :hidden %>
<div id="counter">160</div>
<%= f.input :content, :required => true, ....