2012-05-27 34 views
0

我在页面顶部的导航区域内为我的网站使用简单的表单来显示基本登录表单。使用simple_form限制表单的长度?

目前,它将表单域溢出两行,无论我应用了多少个display: inline属性。它仍然拒绝回到一条线上。 我试图做的是限制在窗体中的字符数,以便字段适合一行。

这是我目前的形式代码..

<%= simple_form_for("user", :url => user_session_path, :html => {:id => "sign_in", :class => 'form-inline' }, :remote => true, :format => :json) do |f| %> 
    <%= f.input :email %> 
    <%= f.input :password %> 
    <%= f.submit 'Login' %> 
    <%= link_to "Forgot your password?", new_password_path('user') %> 
    <% end %> 

回答

0

简单的方法是简单地使用输入的最大长度HTML属性:

f.input :name, :input_html => { :maxlength => x } 

但是,这只是限制字符可以是数添加到单个输入中。如果您的问题与这些输入的宽度有关,只需使用CSS为每个输入指定一个自定义宽度,以便输入不会溢出到第二行。