How to show/hide input value on focus?

javascript forms input hide show
Michal Kopanski picture Michal Kopanski · Jul 3, 2009 · Viewed 68.2k times · Source

I see this all over the web, but was wondering if anyone has the JavaScript code for the EASIEST way to show input value on blur, but hide in on focus.

Answer

JLGarcia picture JLGarcia · Mar 23, 2011

This always worked for me:

<input 
    type="text" 
    value="Name:"
    name="visitors_name" 
    onblur="if(value=='') value = 'Name:'" 
    onfocus="if(value=='Name:') value = ''"
 />

Related questions

Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More
How to get the containing form of an input?

I need to get a reference to the FORM parent of an INPUT when I only have a reference to that INPUT. Is this possible with JavaScript? Use jQuery if you like. function doSomething(element) { //element is input object //how …

Read More
React - clearing an input value after form submit

I'm presented with a rather silly problem. I am in the process of creating my first React application and I have encountered a little issue, where I am not able to clear my input value, after I submit a form. …

Read More