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??

<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

NZ_Kiwis wrote:
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;

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

onLoad="" then.

dream_scape

NZ_Kiwis wrote:
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

NZ_Kiwis wrote:
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.