Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: open
So here's what I have on my page: a search field that's not entirely obviously a search field except that it has a "go" button next to it. To make it easier on the user in identifying its purpose, I've added the text "search our site" inside the field as a "value" for the input tag.
However, when a user clicks into that field, before they can type their query, they have to highlight and delete the "search our site" text.
I feel like I've seen ways around this, so that once you click in, the text that was in the field goes away, but can't seem to find *anything* online.
Are my Google skills failing me?
Or does this capability not exist?
Or does it exist, but nobody's asked about it before?
Thanks in advance for any help,
<input onfocus="this.value=''" type="text" value="some text" />
<input onfocus="this.select()" type="text" value="some text" />
I favour the second one, as it behaves a little ,more like textboxes in applications generally do. This gives the user to amend text that they have put in, without having to rewrite it completely if they go back to the box.