简单的表单输入作为浮点添加浮点类答案

【问题标题】：SImple form input as float add float class简单的表单输入作为浮点添加浮点类
【发布时间】：2011-03-31 08:44:24
【问题描述】：

我不明白提到一个浮点类来输出 HTML 代码的目的是什么。由于这个轨道特性，我面临的问题是下一个元素紧挨着它而不是紧随其后。有没有简单的方法来解决这个问题，而不是使用 JQuery 或重写输入以将其显示为整数/字符串。要删除该类浮点数。请尽快回复。 :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, %>

【问题讨论】：

这是一个普通的 html/css 问题。你能展示一些html和css吗？这很容易解决，但这取决于您的确切代码。

标签： ruby-on-rails css ruby-on-rails-3

【解决方案1】：

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

您需要查看的是默认标记简单形式是围绕您的 css 元素，默认情况下可能是一个 div。因此，可以使用 CSS 或将其更改为段落标签来解决问题：

SimpleForm.wrapper_tag = :p

如果您需要快速破解来修复它，我想您可以只添加一个 html 换行标记。

【讨论】：

【解决方案2】：

我同意其他人的观点，即查看 html 输出和 css 代码会更容易回答这个问题。我的猜测是你有一些 CSS 说“float:left;”在此之后，在保存和取消按钮之前，您只需添加一个带有“clear:both;”的 div作为CSS。然后提交和取消按钮会在下方。

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

【讨论】：

【解决方案3】：

你可以这样做：

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

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

【讨论】：

【解决方案4】：

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

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

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

我假设您的提交按钮也应该在 li 或 div 这样的内部，而这是缺失的。

【讨论】：