Skip to content Skip to sidebar Skip to footer

Text Field Tag Placeholder Returning As Value

I have a form and inside the form there is a text_field_tag. It is written as this... <%= text_field_tag 'search', :placeholder => 'Enter search term...' %> However, whe

Solution 1:

The second parameter of the text_field_tag is the value. Give it nil to have it empty:

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

And give it a String to have a default value:

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

Add an onclick event to empty it with jQuery:

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

Edit 2016:

Nowadays, most of the browsers now support the HTML 5 placeholder, which allows us to do this in a cleaner way:

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

jsFiddle link

Post a Comment for "Text Field Tag Placeholder Returning As Value"