简单的表单输入为float add float class

Question

我无法理解提出一个浮动类来输出HTML代码的目的是什么。由于这个轨道特征而面临的问题是下一个元素紧挨着它而不是紧随其后。是否有任何简单的方法来解决这个问题，而不是使用JQuery或写入inpput将其显示为整数/字符串..删除该类浮动..请尽快回复..           :as=>:float需要更改为:as=>:string 感谢..

 <%= f.association :resource, :required=>:true, %>
      <%= f.input :join_date,:as=>:string,  :required=>:true, :input_html=>{:class=>'datepicker'} %>
      <%= f.association :resource_role, :required=>:true, :label=>"Role" %>
      <%= f.association :resource_billing_type, :required=>:true, :label=>"Billing Type"  %>
      <%= f.input :billing_rate, :as=>:float, :required=>:true, %>

Answer 1

:as=>:float与css无关，它用于指定输入类型是浮点数（这样简单的形式就可以对用户输入执行一些验证）。

你需要看的是默认标签简单形式是放置你的css元素，默认情况下可能是div。因此，可以使用CSS或将其更改为带有以下内容的段落标记来解决问题：

SimpleForm.wrapper_tag = :p

如果你需要快速修复它，我想你可以只输入一个html换行标记。

Answer 2

您可以执行以下操作：

input[type="text"] {
  clear: right;
}

确保没有任何内容浮动在带有文本类型的输入元素的右侧。

Answer 3

在表单中使用浮点数很常见。

通常，您的按钮的左边距等于标签的宽度。

我假设您的标签+输入字段位于li或div块内。

我认为您的提交按钮也应位于li或div范围内且缺少。

Answer 4

我同意其他人的观点，看到html输出和css代码可以更轻松地回答这个问题。我的猜测是你有一些CSS说“浮动：左;”然后，在保存和取消按钮之前，您只需添加一个“clear：both;”的div。作为CSS。然后提交和取消按钮将在下面。

您也可以删除浮动并仅使用相对定位来计费。