Avatar billede nettrain Nybegynder
04. december 2003 - 15:06 Der er 5 kommentarer og
1 løsning

Fjerne tekst i et form felt når man klikker på det

Jeg har en login form med brugernavn og adgangskode.

Hvordan gør jeg sådan at der i det første formfelt står "Username" når man så klikker i feltet for at skrive sit brugernavn, så skal den tekst der står der ("Username") slette/fjerne sig selv. Det samme skal selvfølgelig gøre sig gældende for Password feltet.

Er du i tvtvl om hvad jeg mener, så skal det være lige som login formen oppe i øverste ventre hjørne på www.telmore.dk
Avatar billede cautoo Nybegynder
04. december 2003 - 15:11 #1
prøv at gå ind på siden og tryk vis kilde...

Citat fraa Kildekoden:
<input type="text" name="userid" onBlur="if(this.value=='')this.value='Mobilnr.';" onFocus="if(this.value=='Mobilnr.')this.value='';" value="Mobilnr." class="form" size="13" maxlength="8">
Avatar billede cdc Novice
04. december 2003 - 15:17 #2
Bruger selv denne, smides ind i input

onclick="if(this.value=='Indtast brugernavn'){this.value='';this.focus()}" onblur="if(this.value==''){this.value='Indtast brugernavn'}"

onclick="if(this.value=='Indtast password'){this.value='';this.focus()}" onblur="if(this.value==''){this.value='Indtast password'}"
Avatar billede roenving Novice
04. december 2003 - 15:18 #3
Avatar billede nettrain Nybegynder
04. december 2003 - 15:28 #4
Jah det virker jo det hele, men cautoo du kom vidst først... tak for det!
Avatar billede cautoo Nybegynder
04. december 2003 - 15:30 #5
jeg siger tak :)
Avatar billede roenving Novice
04. december 2003 - 16:58 #6
-- og jeg fandt forøvrigt den helt rigtige frem:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Show/hide password-felt</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function showPass(f){
    fld1 = f.minPassTxt;
    fld2 = f.minPass;
    if(fld1.style.display=='block'){
        fld1.style.display='none';
        fld2.style.display='block';
        fld2.select();
        fld2.focus();
    }else{
        fld2.style.display='none';
        fld1.style.display='block';
        if(fld2.value!="")fld1.value = "Password"
    }
}
</script>
</head>
<body>
<br>
<form id="minForm" name="minForm" onsubmit="showPass(this);">
<input id="minInput" name="minInput" type="text" value="Tom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<input id="minPass" name="minPass" type="password" value="" onblur="showPass(this.form);" size="20" style="display:none;">
<input id="minPassTxt" name="minPassTxt" type="text" value="Indtast password" onfocus="if(this.value==this.defaultValue)this.value='';showPass(this.form);" onblur="if(this.value=='')this.value=this.defaultValue;" size="20" style="display:block;">
<button name="button2" id="button2" onclick="showPass(this.form);alert('Nu skulle formen submittes')">Submit!</button>

</form>
</body>
</html>

-- her er der et reelt password-felt, så man ikke kan kigges over skuldere !-)
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