css - rails 形式 : Let user choose between multiple choice to complete string

Question

好的，这样我的用户就有了个人资料。在此个人资料上，他们可以为其个人资料选择背景颜色。颜色是一个字符串。<%= @profile.color %>在配置文件表单中，他们可以用颜色或十六进制代码填充字符串，因为我有一个变量 css，每个用户都使用这个字符串。

我的问题是，我怎样才能让用户在预定义的颜色之间进行选择，就像 twitter 或 vine 所做的那样？我不确定如何创建这样的表单。

例如，他们可以在六种颜色之间进行选择，还可以输入一个精确的十六进制代码。

有人可以让我走上正轨吗？

谢谢

<div class="form-group">
    Profile color
    <%= f.text_field :color, id: "inputstyle",  class: "form-control", placeholder: "eg: Black or #dde244" %>
</div>

Answer 1

您可以使用 color_field (仅适用于 Rails 4)

另外对于输入十六进制值的文本框，一定要放正则验证

var color_code =/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test('#ac3' )