Question

我不确定为什么我看不到占位符。

我使用Rails和Bootstrap生成代码：

= form_tag activity_path(@activity), method: :get do
  = text_field_tag :start_time," ", {placeholder: 'Start Date', class: 'pull-left input-small'}
  = text_field_tag :end_time," ", {placeholder: 'End Date', class: 'pull-left input-small'}
  %span.btn= submit_tag 'Show custom dates', class: 'btn'

以下是生成的代码：

<input class="pull-left input-small" id="start_time" name="start_time" placeholder="Start Date" type="text" value=" " />

<input class="pull-left input-small" id="end_time" name="end_time" placeholder="End Date" type="text" value=" " />

问题是我看不到占位符。我尝试将其设置为不同的颜色input[placeholder] { color: ...}，但这似乎也没有用。知道为什么会这样吗？谢谢。

[编辑]

我在 bootstrap_and_overrides.css 文件中添加了@placeholderText: #080808;，但这似乎也没有。

Answer 1

您要将两个字段的值设置为“”，将其删除，将两者都设置为nil

text_field_tag :start_time, nil, {placeholder: 'Start Date', class: 'pull-left input-small'}

Answer 2

可能是您的浏览器。据我所知IE（9及以下）和Opera还不支持占位符属性。 Firefox 3.7+和Chrome / Safari 4.0+应该支持它。

此question和此blog post也有一些很好的解决方法。

使用rails和bootstrap时不显示占位符文本

2 个答案: