文本字段标签占位符返回作为价值(Text Field Tag Placeholder Returni

2019-07-04 00:49发布

我有一个表格和表格里面有一个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 5 placeholder ,这使我们能够做到这一点更清洁的方式:

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

的jsfiddle链接



文章来源: Text Field Tag Placeholder Returning As Value