Avatar billede epojokke Nybegynder
08. december 2003 - 23:49 Der er 11 kommentarer og
1 løsning

Textfield til passwordfield onSelect

Findes der et smart trick så man kan omdanne et inputfield af typen text til password i en html-form?
Teksten "password" skal stå som value når siden loades, men hvis man beholder fieldet som password, står der jo bare 8 trælse prikker.
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:00 #1
Hvad med at bruge value="" i input feltet til passwordet?
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:02 #2
..folk kan vel godt finde ud af at det er et password felt..

eller:
Brugernavn: [          ]
Kodeord: [          ]

[] betyder felt..
Avatar billede epojokke Nybegynder
09. december 2003 - 00:04 #3
Jo, men så fremgår det ikke at det er et felt til indtastning af password. Jeg vil ha' ordet "password" til at stå i selve feltet - i stil med loginfunktionen på www.telmore.dk
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:20 #4
Sådan gør telmore.dk.. prøv at gemme følgende kode i en htm, og åben den i din browser:

<script language="JavaScript">
<!--
function Password_fokus(A,B){
    A.style.display = "none";
    B.style.display = "inline";
    B.focus();
}
</script>
<form name="form" target="_top" method="post" action="https://sec.telmore.dk/telmore/servlet/dk.telmore.web.Login">
<input type="text" name="password_tekst" onBlur="if(this.value=='')this.value='Adgangskode';" onfocus="Password_fokus(this,this.form.password)" value="Adgangskode" class="form"><input type="password" name="password" size="13" maxlength="30" class="form" style="display:none">
</form>

Det de gør er, at vise et text-felt, og samtidig har de et password felt, der bare er skjult.
Når text-feltet får fokus, skjules text-feltet, og password-feltet kommer til syne..

Med andre ord: de omdanne IKKE et inputfield af typen text til password.
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:21 #5
indsæt det css koden, for bedre at se det:
<style type="text/css">
.form { BORDER-RIGHT: #C2C0C0 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #C2C0C0 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica; HEIGHT: auto; background-color: #F0F0E5; width: 120px;}
</style>
Avatar billede epojokke Nybegynder
09. december 2003 - 00:25 #6
Got the clue! Og med lidt tilpasning virker det også i min login. Takker!
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:35 #7
Her er et svar.
Avatar billede epojokke Nybegynder
09. december 2003 - 00:40 #8
Det virker pisse fedt. Du får som fortjent! :-)
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:44 #9
Takker for points
Avatar billede skarvenneverdies Nybegynder
09. december 2003 - 00:50 #10
Takker - den funktion kunne jeg også bruge... :-)
Avatar billede thesurfer Nybegynder
09. december 2003 - 00:58 #11
skarvenneverdies> hey nasserøv, det koster points :) (just kidding..)
Avatar billede skarvenneverdies Nybegynder
09. december 2003 - 13:00 #12
LOL
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