轨道形式占位符提示在聚焦后立即消失

时间:2011-11-16 10:44:28

标签: ruby-on-rails forms placeholder hint

我在Rails 3.1上我试图使用内联占位符提示文本字段,我注意到在单击文本字段后,提示消失。即使这可能是设计,但有时人们可能不记得该领域是什么,他们已经在场上,所以他们必须点击其他地方使它出现。我想要的不是让它在聚焦后立即消失,而是在输入一个字母后(更好的是非空格字母)。有谁知道这是否有调整?

更多明确的例子

#order.html.erb

<%= form_tag do |f| %>
<%= text_field_tag :name, nil, :name => 'company[name]', :placeholder => "Company"  %>
<% end %>

因此,当该字段没有数据且未聚焦时,您将看到浅灰色提示“公司”,如下所示: enter image description here

当点击该字段时,就像这样:

enter image description here

但我希望该字段继续显示“公司”的提示,即使在点击之后但在输入任何内容之前,如下所示:

enter image description here

一旦用户在其中输入内容,提示“公司”就会消失。像这样:

enter image description here

谢谢!

1 个答案:

答案 0 :(得分:0)

placeholder的行为由浏览器控制,你必须使用jQuery或类似的东西来获得你想要的行为。

我建议您查看一下In-Field Labels插件(Demo - Github