textbox

[NZ_Kiwis]

this is a blank textbox, some websites have a thing inside like "username" and when you click in there is goes away... how can i add this anyone know??

PHP Code:

<input name='username' size='10' style='font-family: Tahoma; border-style: solid; border-width: 1px; font-size:8pt'>


PS: i know this is not PHP but it's the only website i use a forum on and everyone is so good at helping ;-)

[laserlight]

tsk tsk, but anyway, add the attribute:
onfocus="this.value=''"

That reminds me, we actually have a ClientSide Technologies forum that you should have used.

[NZ_Kiwis]

that only works when you click in the box. i want to show when the page loads :-)

[Weedpacket]

Originally Posted by NZ_Kiwis

PS: i know this is not PHP but it's the only website i use a forum on and everyone is so good at helping ;-)

Which is one reason why there is now a more appropriate forum for these sorts of questions.

Anyway;

Originally Posted by NZ_Kiwis

that only works when you click in the box. i want to show when the page loads :-)

onLoad="" then.

[dream.scape]

Originally Posted by NZ_Kiwis

that only works when you click in the box. i want to show when the page loads :-)

no you don't put the value you want in there; that is used to clear it out. You put the default value in the value="" attribute.

<input name="search" value="search for..." onfocus="this.value='';" />

[Merve]

Maybe I'm wrong, but I see an issue with simply using onfocus. If the user types a value in the textbox, clicks somewhere else, then clicks back in the textbox, whatever value he or she had typed in the textbox would be erased. You would need some sort of check to make sure it was only the first focus.

How about:

<script>
var isFocus = 1;

function eraseText () {
     if(isFocus == 1) {
          window.document.blahform.blahtext.value = "";
          var isFocus = 0;
     }
}
</script>

<form name="blahform" id="blahform" action="#">
<input type="text" name="blahtext" id="blahtext" value="Type Here!" onfocus="eraseText();" />
</form>

I apologize for my malformed JavaScript and the fact that I may have made a few mistakes in the code, but that's the general idea of what you should have.

[NZ_Kiwis]

so would this not work as well then??

onfocus=this.type='password'

[JPnyc]

If you put proper quotes around it, it would

[NZ_Kiwis]

such as?

[JPnyc]

onfocus="this.type='password';"

[Merve]

Originally Posted by NZ_Kiwis

so would this not work as well then??

onfocus=this.type='password'

In that case, only the code that JPnyc provided is necessary. That's because no matter how many times the input box is focused, you want it to change to a password input the first time, and remain a password input on subsequent focuses.

The problem with only using onfocus with the previous case (username) is that you don't want their username to disappear if they unfocus the textbox and them refocus it.