0

我在页面顶部的导航区域内为我的网站使用简单的表单作为基本登录表单。

目前,无论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 %>
4

1 回答 1

0

简单的方法是简单地使用 maxlength html 属性进行输入:

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

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

于 2012-05-27T19:19:49.560 回答