我在页面顶部的导航区域内使用简单表格作为我网站的基本登录表单。
目前,无论我申请了多少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 :(得分:0)
简单的方法是简单地将maxlength html属性用于输入:
f.input :name, :input_html => { :maxlength => x }
但这只会限制可以添加到单个输入中的字符数。如果您的问题与这些输入的宽度有关,只需使用CSS指定每个输入的自定义宽度,这样输入就不会溢出到第二行。