Avatar billede roadi Nybegynder
13. april 2003 - 18:36 Der er 9 kommentarer

Slette indholdet i en Input

Hej Eksperter!

Jeg har et lille sjovt problem.

Hvor jeg har en form hvor brugerne kan skrive sig ind også modtage et nyhedsbrev.

Jeg har valgt at skrive i felterne på forhånd eks. Navn, Email osv.

Er det ikke muligt at den sletter denne forud definerede tekst når brugere trykker i feltet.

Koden ser sådan her ud:

<form aciton bla bla>
<input type="text" name="fornavn" value="fornavn">
</form>

/Roadi
Avatar billede Slettet bruger
13. april 2003 - 18:38 #1
Der skal bruges JavaScript (brug dog Ekspertens søgefunktion):

<input type="text" name="fornavn" value="fornavn" onFocus="if (this.value == this.defaultValue) this.value = '';" onBlur="if (this.value == '') this.value = this.defaultValue;">
Avatar billede roadi Nybegynder
13. april 2003 - 18:50 #2
Undskyld undskyld...

Kan man så også gøre det med type?? og value på samme felt??

/Roadi
Avatar billede Slettet bruger
13. april 2003 - 18:54 #3
Jeg forstod ikke lige det sidste...
Avatar billede Slettet bruger
13. april 2003 - 18:55 #4
Det var i øvrigt ikke ment som skæld-ud, men derimod en henvisning til søgefunktionen. Den forhindrer en masse nytteløse spørgsmål! :)
Avatar billede roadi Nybegynder
13. april 2003 - 19:01 #5
Okey..

Hvis man nu har et password felt.

<input type=password bla bla..

Kan det så lade sig gøre at lave det om til

<input type="text" value="password" onfocus bla bla ændre type til password>

Sådan så man kan skrive "adgangskode" i feltet indtil brugere makere det også derefter skriver med *****

Håber at det gav mere mening..

/Roadi
Avatar billede mortrr Praktikant
13. april 2003 - 19:05 #6
Du kan ikke ændre type, når objektet først er oprettet.
Avatar billede roadi Nybegynder
13. april 2003 - 19:08 #7
Okey, det er kun value..
Avatar billede mortrr Praktikant
13. april 2003 - 19:14 #8
Type er nok det eneste du IKKE kan ændre.
Avatar billede Slettet bruger
14. april 2003 - 09:43 #9
Du kan lave en work-around:

<div id="tekst" style="display: inline;">
<input type="text" value="password" onFocus="document.getElementById('tekst').style.display = 'none'; document.getElementById('psw').style.display = 'inline'; this.form.kode.focus();">
</div>
<div id="psw" style="display: none;">
<input type="text" name="kode" value="password" onBlur="if (this.value == '') { document.getElementById('psw').style.display = 'none'; document.getElementById('tekst').style.display = 'inline'; }">
</div>
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
Kurser inden for grundlæggende programmering

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