Autoselect predefined input-value onClick.

[arose]

Hello @ all,

the following problem has not let me sleep for quite some time now.

Using a form with input fields (text) and a predefined value is no problem.

<input value="Bob" name="example"></input>

What I want to do is, later when I click into the input field, where the string Bob ist aready written, I would like this text-string to be selected. This way it can be overwritten instantly.

At the moment I still have to press backspace and delete it manually. Another possiblity would be that the contents "Bob" is deleted automatically onClick.

One way or the other - I would like to make filling out the form faster and more user friendly.

Your help is greatly appreciated.

[QuietDean]

Hi there ,

would this work okay -

<input value="Bob" name="example" onfocus="if (this.value=='Bob') this.value='';" />

I tested it, should work. You can, of course, amend it all to suit.

[arose]

WOW! Works like a charm - and neater than my select and overwrite-thingy

Thank you very much!

[QuietDean]

no problem

[MediaMisfit]

Great solution. That's exactly what I was looking for also!

[DeusEx]

Hi there,

I'm using SMF forum, and I'm trying to input this code id my source, but I'm keep getting this error

Template Parse Error!
There was a problem loading the /Themes/VersatilityDark/index.template.php template or language file. Please check the syntax and try again - remember, single quotes (') often have to be escaped with a slash (\). To see more specific error information from PHP, try accessing the file directly.

You may want to try to refresh this page or use the default theme.
syntax error, unexpected T_STRING, expecting ',' or ';'

Also, I've tried

<input value="Bob" name="example" onfocus="if (this.value=="Bob") this.value="";"/>

without any ' ' , just " " , but always error

Regards

[jthayne]

I don't know what is causing the original error, but the changes you mentioned will only cause more errors. Put the single quotes back.

[DeusEx]

Erm, my bad.

I meant with double quotes there's no error, but wont work, and with single quotes there's error

Sorry

[jthayne]

Could you show me the line before and the line after?

[DeusEx]

I've solved it with

<input value="Bob" name="example" onfocus="if (this.value== \'Bob\') this.value=\'\';" />

Thanks for help anyway

[jthayne]

No problem. Glad you were able to get it working.