A little dab'll do ya
Code Snippets
Clear Field on Focus
<input type="text" onfocus="if(this.value == 'value') { this.value = ''; }" value="value" />Replace "value" with the default value. If the field is selected, the default value will go away. If the user has previously changed the field value, it'll be left alone.
Alternatively, use onfocus="this.value='';" to always clear the field.
What about having ONBLUR as well? Just in case the user doesn’t enter anything and leaves the field.
Sorry, my code did not show up. Let me try again…
What if the field is connected to a table and the iput field is pre defined?
Example: I have a field “S” that comes up null in a web page, the user makes a mistake and instead of going back and highlighting and deleting they could just click the reset button. If I use input type=”text” it just creates another blank field. I want it to reference the predefined field.
Thank you so much for this I know its a very basic command to add but I was struggling to find out why it wasn’t working, but I just copied and pasted yours and viola no problems!
I also used the:
onblur=”if(this.value == ”) { this.value = ”; }” value=”value”
so that it goes back to the original if nothing is typed in!
@mgpwr
Sorry to sound really amateur…
But.. I can’t seem to make this work, I’ve got a PHP Form, the PHP is in the page… and I dont know why it wont work.
Do I need to do
I’d appreciate if someone would help me out.
Sorry for being such amateur on this :)
I dont know how to add Code into this post..
I ment to put
Script type=”"
/script
But with
Saved my ass!
Thanks so much for this! Very useful. :)
To be more generic, a la jquery:
var el = $(“input[type=text], textarea”);
el.focus(function(e) {
if ($(this).value == $(this).defaultValue)
$(this).value = “”;
});
el.blur(function(e) {
if ($(this).value == “”)
$(this).value = $(this).defaultValue;
});