2

ラベルの横に文字カウンターを含むスパンを追加しようとしています。ラベルは simple_form を使用して生成されます。スパンはフィールドの上または下にしか配置できないようです。私が試したスニペットコードは次のとおりです。

<%= 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>
4

1 に答える 1

2

フォームビルダーには入力フィールドが自己完結型であるため、1つの方法は、div'input'を左にフロートさせてから、そのすぐ隣に'counter'を左にフロートさせることです。

styles.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, ....
于 2012-08-18T23:35:28.103 に答える