Text box value sticks even if i refresh?

Question

Hi,

i have the following html :

<input type="text" id="searchbox" name="q" value="Search Pictures..." onclick=" if(this.value=='Search Pictures...'){this.value='';}" />

It's works when i open the page for the first time, but when i type something and search , then i come back to the page, or refresh, i find the past keyword still sticky instead of "Search Pictures..."

Any available tag to avoid this problem ?

Thanks

Answer 1

If you've set the value on the tag to "Search Pictures..." as you have, then whenever the page loads without having somehow persisted a newer value beforehand, you will get the "Search Pictures..." as the value.

To persist input data, you have several ways available depending on what environment you're developing with.

Answer 2

I guess it's on firefox.

You can add the attribute autocomplete="off"

Answer 3

By the way... don't write:

this.value === 'blah blah, copy of text from value attribute'

Just simply use defaultValue property:

this.value == this.defaultValue

It's much simpler and cleaner.

Answer 4

HTTP is stateless and does not persist form values between requests.

Every single time you load the page the 'hard-coded' VALUE 'Search Pictures...' will replace anything in the input element from the previous request. You need to persist the value by retrieving the posted value from the form collection and writing it back in. How you do this depends on the platform you are working on - presumably you are using some kind of server-side framework or language (e.g. PHP or ASP.NET)?