Problem with input focus on Safari

I had a javascript hic­cup, and I think the solu­tion may be help­ful to others.

The basic set­up is this:

Lim­it­ed space means no room for labels in a login form. So instead we used a pre­set val­ue in the input ele­ments, like so:

  1.  
  2. <input value="Username" name="username" type="text" />
  3. <input value="Password" name="password" type="text" />
  4.  

Which looks like this:



The easy way to blank out the descrip­tive text is to use the onfo­cus event like so:

  1.  
  2. onfocus="this.value=''"
  3.  

Con­tin­ue read­ing “Prob­lem with input focus on Safari”