Namn i formulär

Jag har ett inloggningsscript på min sida nu,
och jag vill att i fältet när man kommer dit ska stå <Namn>

( inte så svårt ) ..
MEN .. redan när man vänsterklickar där, så skall det försvinna..
Hur gör jag det?

Så här t ex:

<style type="text/css">

.inactiveinputfield{
	color: gray;
}

</style>
<input value="&lt;namn&gt;" class="inactiveinputfield"
onfocus="if(this.value=='&lt;namn&gt;'){this.value=''; this.className='';}"
onblur="if(this.value==''){this.value='&lt;namn&gt;'; this.className='inactiveinputfield';}"  />

Detta skript fungerar på "rätt" sätt i det att det aldrig skriver över något användaren har matat in. Dessutom kan du styra färgen på texten med CSS när inget namn är ifyllt i fältet.

Jag använder redan denna style på mitt fält.

.form {
	font-family: Verdana;
	font-size: 9px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 5px;
}

om jag försöker använda din, så ser allt fortfarande bra ut,
men när jag klickar i username fältet, så blir det mkt större än vad det var innan.

Hur löser jag det?

Om jag förstår dig rätt löser du det typ så här:

<style type="text/css">
.form {
	font-family: Verdana;
	font-size: 9px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 5px;
}

.inactiveinputfield{
	color: gray;
}
</style>
<input value="&lt;namn&gt;" class="form inactiveinputfield"
onfocus="if(this.value=='&lt;namn&gt;'){this.value=''; this.className='form';}"
onblur="if(this.value==''){this.value='&lt;namn&gt;'; this.className='form inactiveinputfield';}"  />

Alltså dubbla klass-specifikationer.

Det borde jag kunnat pröva själv, va korkad jag är :(

Jag visste inte om att man kunde ha dubbla css i samma :P
Tack till er båda!!