---
title: "Lösenordsfält"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/101832-lösenordsfält"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "JAreMANNEN"
published: "2004-04-19T13:41:29.000Z"
updated: "2004-04-20T12:38:54.000Z"
replies: 8
views: 403
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/101832-lösenordsfält"
---

# Lösenordsfält

## #1 — JAreMANNEN, 2004-04-19T13:41Z

Tjipp!

Har ett formulär med Användarnamn- och Lösenordsfält.
Eftersom jag har dåligt med plats runt fälten så är det satt *value* i båda fälten istället för att det står över respektive fält.
Se koden nedan...

```
<input name="user" type="text" class="input" id="user" value="<%=strUser%>" style="padding-left: 5px; width: 139px;" 
onfocus="if(this.value=='<%=strUser%>')this.value='';" onblur="if(this.value=='')this.value='<%=strUser%>';">

<input name="passwd" type="text" class="input" id="passwd" value="L&ouml;senord" style="padding-left: 5px; width: 139px;" 
onfocus="if(this.value=='Lösenord')this.value='';" onblur="if(this.value=='')this.value='Lösenord';" autocomplete="off">
```

Funkar kanon!
MEN, jag vill att när man väl börjar skriva in sitt lösenord så ska man ju EJ se vad som skrivs (som ett vanligt password-fält).
Sätter jag *type="password"* så ser man bara punkter istället för "Lösenord" när man laddar sidan.
Går detta öht?

mvh

Permalänk: https://www.webforum.nu/p/101832

## #2 — Peter S, 2004-04-19T13:54Z

```
<input name="passwd" type="text" class="input" id="passwd" value="Lösenord" style="padding-left: 5px; width: 139px;" onfocus="this.value == 'Lösenord' && this.type != 'password' && (this.value = '')" onblur="this.value == '' && (this.value = 'Lösenord') && (this.type = 'text')" onkeydown="this.type == 'text' && (this.type = 'password')" autocomplete="off">
```

 :)

Permalänk: https://www.webforum.nu/p/1326654

## #3 — JAreMANNEN, 2004-04-19T15:06Z

Tack!
Men det verkar va nåt litet strul med att ändra typen på fältet...

Felmess:
Det gick inte att hämta type-egenskapen. Det här kommandot stöds inte..

Permalänk: https://www.webforum.nu/p/1326695

## #4 — Peter S, 2004-04-19T15:49Z

Hm, i den senaste versionen av Mozilla respektive Opera fungerar det. Jag vet inte hur man skulle kunna lösa det i IE.

  :l

Permalänk: https://www.webforum.nu/p/1326717

## #5 — Jojoxx, 2004-04-19T19:51Z

Så här?

```
<input name="passwd" type="password" style="display:none;" onblur="if(!this.value){ this.style.display='none'; this.form.passwd_dummy.style.display='inline'; }"><input type="text" name="passwd_dummy" value="Lösenord" onfocus="this.form.passwd.style.display='inline'; this.style.display='none'; this.form.passwd.focus();">
```

Permalänk: https://www.webforum.nu/p/1326887

## #6 — jarvklo, 2004-04-19T20:08Z

Flyttas från  HTML, XHTML & CSS

Permalänk: https://www.webforum.nu/p/1326908

## #7 — JAreMANNEN, 2004-04-20T07:46Z

> **Jojoxx skrev:**
>
> Så här?
>
>
> ```
> <input name="passwd" type="password" style="display:none;" onblur="if(!this.value){ this.style.display='none'; this.form.passwd_dummy.style.display='inline'; }">
> <input type="text" name="passwd_dummy" value="Lösenord" onfocus="this.form.passwd.style.display='inline'; this.style.display='none'; this.form.passwd.focus();">
> ```

Tack för hjälpen!
Fungerade alldeles förträffligt i IE!
Men nu sket det sig i mozilla, så jag får väl helt enkelt göra en koll på vilken browser som används.

Permalänk: https://www.webforum.nu/p/1327146

## #8 — Jojoxx, 2004-04-20T11:45Z

> **JAreMANNEN skrev:**
>
> Men nu sket det sig i mozilla...

Jasså... vilken version då? Jag provade i Firebird 0.7 och där fungerade det fint.

Permalänk: https://www.webforum.nu/p/1327311

## #9 — JAreMANNEN, 2004-04-20T12:38Z

my mistake :)
Hade gjort en liten miss ;)

Permalänk: https://www.webforum.nu/p/1327371

---

Tråden på webben: https://www.webforum.nu/amne/javascript/101832-lösenordsfält