---
title: "Namn i formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/175918-namn-i-formulär"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SoulGod"
published: "2008-12-17T21:26:23.000Z"
updated: "2008-12-18T11:34:11.000Z"
replies: 4
views: 392
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/html-css/175918-namn-i-formulär"
---

# Namn i formulär

## #1 — SoulGod, 2008-12-17T21:26Z

Jag har ett inloggningsscript på min sida nu,
och jag vill att i fältet när man kommer dit ska stå \<Namn\>

( inte så svårt ) ..
MEN .. redan när man vänsterklickar där, så skall det försvinna..
Hur gör jag det?

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

## #2 — nitro2k01, 2008-12-17T21:56Z

Så här t ex:

```
<style type="text/css">

.inactiveinputfield{
	color: gray;
}

</style>
<input value="&lt;namn&gt;" class="inactiveinputfield"
onfocus="if(this.value=='&lt;namn&gt;'){this.value=''; this.className='';}"
onblur="if(this.value==''){this.value='&lt;namn&gt;'; this.className='inactiveinputfield';}"  />
```

Detta skript fungerar på "rätt" sätt i det att det aldrig skriver över något användaren har matat in. Dessutom kan du styra färgen på texten med CSS när inget namn är ifyllt i fältet.

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

## #3 — SoulGod, 2008-12-18T09:10Z

Jag använder redan denna style på mitt fält.

```
.form {
	font-family: Verdana;
	font-size: 9px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 5px;
}
```

om jag försöker använda din, så ser allt fortfarande bra ut,
men när jag klickar i username fältet, så blir det mkt större än vad det var innan.

Hur löser jag det?

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

## #4 — nitro2k01, 2008-12-18T11:22Z

Om jag förstår dig rätt löser du det typ så här:

```
<style type="text/css">
.form {
	font-family: Verdana;
	font-size: 9px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 5px;
}

.inactiveinputfield{
	color: gray;
}
</style>
<input value="&lt;namn&gt;" class="form inactiveinputfield"
onfocus="if(this.value=='&lt;namn&gt;'){this.value=''; this.className='form';}"
onblur="if(this.value==''){this.value='&lt;namn&gt;'; this.className='form inactiveinputfield';}"  />
```

Alltså dubbla klass-specifikationer.

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

## #5 — SoulGod, 2008-12-18T11:34Z

Det borde jag kunnat pröva själv, va korkad jag är :(

Jag visste inte om att man kunde ha dubbla css i samma :P
Tack till er båda!!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/175918-namn-i-formulär