Avatar billede z1n Nybegynder
30. maj 2005 - 12:45 Der er 8 kommentarer og
1 løsning

Ændre type på en <input>

Hej..

mit problem ligger i at jeg vil på onFocus ændre

type på input fra 'text' til 'password' sådan at der kan stå "kodeord" i value

<kode>
<form id="logindform" name="logindform" method="POST">
    <input type="text" name="brugernavn" id="brugernavn" value="Brugernavn" onfocus="if(this.value=='Brugernavn') {this.value = ''; }" onblur="if(this.value == '') { this.value = 'Brugernavn'; }" />
    <input type="text" name="kodeord" id="kodeord" value="Kodeord" onfocus="if(this.value=='Kodeord') {this.value = ''; this.type='password';}" onblur="if(this.value == '') { this.value = 'Kodeord'; this.type='text'; }" />
    <input type="submit" name="logind" id="logind" value="Log ind" class="button">
</form>
</kode>

på forhånd tak..
Avatar billede ldanielsen Nybegynder
30. maj 2005 - 12:56 #1
Du kan ikke ændre type efter at siden er loaded:

As of Microsoft Internet Explorer 5, the type property is read/write-once, but only when an input element is created with the createElement method and before it is added to the document.

Men jeg har lavet noget lignende før, vent lidt ...
Avatar billede z1n Nybegynder
30. maj 2005 - 13:01 #2
knald :D det virker i ildræven
Avatar billede busschou Praktikant
30. maj 2005 - 13:06 #3
Man kunne jo også overveje at skrive "kodeord" uden for input feltet i stedet for inden i :o)
Avatar billede z1n Nybegynder
30. maj 2005 - 13:11 #4
hehe ja men det er der ikke plads til :D derfor inden i :D
Avatar billede ldanielsen Nybegynder
30. maj 2005 - 13:13 #5
Check lige dette:

<HTML>
<HEAD>

</HEAD>
<BODY>

<P>

<form name="minForm">
<input type="text" name="username" size=20 value="Brugernavn" onclick="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue">
<input name="textpass" type="text" value="Adgangskode" onfocus="this.form.password.style.display='block';this.style.display='none';this.form.password.focus();this.form.password.select();" style="display:block;" size="20">
<input name="password" type="password" style="display:none;" onblur="if (this.value == '') {this.style.display='none';this.form.textpass.style.display='block';}" size="20">
<input type="submit" value="login" name="Button" >
</form>

</P>
</BODY
Avatar billede milandt Nybegynder
30. maj 2005 - 13:37 #6
hvad med at du sætter display:none på tekstfeltet, og så creater et password felt og sætter ind på samme sted med js?
Avatar billede milandt Nybegynder
30. maj 2005 - 13:39 #7
Ja ok, Idanielsen var hurtigere, og tilmed med et eksempel :)
Avatar billede z1n Nybegynder
30. maj 2005 - 13:41 #8
nice ... det spiller .. .thx ... ldanielsen drop et svar :D
Avatar billede ldanielsen Nybegynder
30. maj 2005 - 21:43 #9
Svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester