Ruby on rails表单:如何将文本放入输入字段,在单击时消失

Question

我想创建一个没有标签的表单,而是将方向放在实际的输入文本字段中.单击文本字段时,我还希望方向消失.

以下是http://www.dailyblogtips.com/wp-content/uploads/searchform.png的示例

我知道在HTML中,你做这样的事情

<input type="text" name="s" id="s" value="Text to be displayed here" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

但是我如何使用rails form helper实现这一目标.

这是我到目前为止所拥有的

  <div class="row">
    <div class="small-12 columns">
      <div class="panel">
        <%= form_for(@message) do |f| %>
            <%= f.label :body, "Description" %>
            <%= f.text_area :body %>
            <%= f.submit 'Create message', class: 'button small secondary' %>
        <% end %>
      </div>
    </div>
  </div>

Answer 1

我会尝试使用占位符属性,它只适用于较新的浏览器,但有一些jQuery库会自动检测不支持它的jQuery库,并执行与javscript片段大致相同的操作.这样做.以下是使用占位符字段的示例:

<%= f.text_field :field_name, :placeholder => "Disappearing Text" %>

编辑:这是一个坚实的jQuery后备插件:

http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html