文本字段标记占位符返回为值

Question

我有一个表单,在表单中有一个text_field_tag.它写成这个......

<%= text_field_tag "search",  :placeholder => 'Enter search term...' %>

但是,当生成HTML时,这将返回页面源...

<input id="search" name="search" type="text" value="{:placeholder=&gt;&quot;Enter search 
term...&quot;}" />

为什么这样做以及如何修复它以使占位符有效？

Answer 1

text_field_tag的第二个参数是值.把它弄空是没空的:

<%= text_field_tag "search", nil, :placeholder => 'Enter search term...' %>

并给它一个字符串以具有默认值:

<%= text_field_tag "search", 'Enter search term...' %>

添加一个onclick事件以使用jQuery清空它:

<%= text_field_tag "search", 'Enter search term...', :onclick => 'if($(this).val()=="Enter search term..."){$(this).val("");};' %>

编辑2016:

如今,大多数浏览器现在支持HTML 5placeholder,这使我们能够以更清洁的方式执行此操作:

<%= text_field_tag 'search', nil, placeholder: 'Enter search term' %>
# which produces the following HTML:
<input type="text" value="" placeholder="Enter search term">

jsFiddle链接