如何将占位符添加到 text_field_tag？答案

【问题标题】：How to add a placeholder to a text_field_tag?如何将占位符添加到 text_field_tag？
【发布时间】：2016-08-22 10:24:36
【问题描述】：

我的表单中有以下行：

= text_field_tag :mother_name, nil, id: 'mother_name_autocomplete', class: 'form-group form-control', autocomplete: 'off', data: {provide: 'typeahead'}

如何向该字段添加占位符？

【问题讨论】：

标签： ruby-on-rails-4

【解决方案1】：

如果您使用的是text_field_tag，那么您可以这样做。

<%= text_field_tag :mother_name, nil, placeholder: 'Some text' %>

注意第二个参数是nil。

【讨论】：

【解决方案2】：

使用rails >= 3.0，您可以简单地使用placeholder 选项。

f.text_field :mother_name, :placeholder => "mother_name_autocomplete"

您可以在此处找到更多参考：http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html

【讨论】：

【解决方案3】：

例如，id = "input_name", value = nil, placeholder = "Enter your name"

所以标签被提供为，

 <%= text_field_tag 'input_name', nil, placeholder: "Enter your name" %>

上面的代码会如下生成，

<input type="text" name="input_name" id="input_name" placeholder="Enter your name">

在此处阅读有关标签的更多信息： https://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html

【讨论】：

【解决方案4】：

<%= 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("");};' %>

参考：-Text Field Tag Placeholder Returning As Value

【讨论】：

完全没有必要这样做，现在占位符作为 DOM 属性得到了适当的支持。