我有以下简单形式的行:
<%= f.input :profile_name, label: false,
input_html: {:title => "Enter Username", :class => "field"} %>
输出:
<div class="input string required user_profile_name">
<input id="user_profile_name" class="string required field" type="text"
title="Enter Username" size="50" required="required" name="user[profile_name]"
maxlength="50" aria-required="true">
</input>
</div>
我有一个常规表单行,应该与简单表单行相同:
<%= f.text_field :profile_name, :title => "Enter Username", :class => "field" %>
输出:
<input id="user_profile_name" class="field" type="text" value="Enter Username"
title="Enter Username" name="user[profile_name]">
</input>
规则形式表现正确。输入字段中的文本“输入用户名”在单击时消失,如果没有输入则重新出现,并在输入其他内容时消失。如何使simple_form以这种方式运行?
答案 0 :(得分:2)
如果我了解您的要求,那么您正在寻找HTML5 placeholder
属性。要将其与simple_form
一起使用,请尝试以下操作:
<%= f.input :profile_name, label: false,
input_html: {:placeholder => "Enter Username", :class => "field"} %>
请参阅simple_form home page以获取更多文档。