---
title: "Bilder som formulärsknappar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/147439-bilder-som-formulärsknappar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SONICdust"
published: "2006-05-29T12:03:06.000Z"
updated: "2006-06-01T09:34:36.000Z"
replies: 8
views: 615
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/147439-bilder-som-formulärsknappar"
---

# Bilder som formulärsknappar

## #1 — SONICdust, 2006-05-29T12:03Z

Hej,

Hoppas att ni kan hjälpa mig och rda ut några frågor jag har om hur det funkar med bilder sim formulärsknappar.

Själv före drar jag att inte använda bilder för jag har någonstans i bakhuvudet ett minne av att det inte ska fungera fullt ut för alla. Men jag kan ha fel.

Men nu så får jag rätta mig efter designen och där ska det vara bilder på alla knappar i ett formulär.

Funkar det för alla webbläsare och operativsystem?
Skickas alla information med som finns i formuläret?
Koden är skriven i Strict XHTML 1.0, har kan en sådan bild knapp se ut i fall det fungerar.

Tack på förhand!

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

## #2 — Troxy, 2006-05-29T12:21Z

Det ska enligt min erfarenhet fungera för alla. Kan man inte visa bilder så ser man texten "Skicka" istället.

```
<input type="image" src="button.gif" value="Skicka" />
```

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

## #3 — SONICdust, 2006-05-29T13:16Z

OK, som sagt så känner jag till det rätt dåligt. Därför jag frågar för att höra mig för

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

## #4 — zcorpan, 2006-05-29T13:45Z

> **Troxy skrev:**
>
> Det ska enligt min erfarenhet fungera för alla. Kan man inte visa bilder så ser man texten "Skicka" istället.
>
>
> ```
> <input type="image" src="button.gif" value="Skicka" />
> ```

Det borde vara alt="Skicka", inte value="Skicka". Annars är type="image" tänkt för "server side image maps", inte för skickaknappar. Men det kanske bara är jag som är pedantisk. :)

Ett annat sätt är att använda \<button\> såhär:

```
<button type="submit"><span></span>Skicka</button>
```

```
button { width:100px; height:50px; overflow:hidden; position:relative; }
button span { background-image:url(skicka.png); position:absolute; width:100%; height:100%; }
```

...eller nåt i den stilen.

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

## #5 — SONICdust, 2006-05-29T14:24Z

Har inte testast några av era kod, men om ni säger att det ska funka så tror jag på er. men undra vart jag har fått att det ska strula i IE?

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

## #6 — zcorpan, 2006-05-29T15:12Z

IE har några buggar med \<button\>.

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

## #7 — SONICdust, 2006-05-29T18:38Z

> **zcorpan skrev:**
>
> IE har några buggar med \<button\>.

oh vilka är dom?

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

## #8 — zcorpan, 2006-05-30T07:42Z

De jag känner till...

1. type="" defaultar till "button" istället för "submit" ([\#54121](https://connect.microsoft.com/feedback/ViewFeedback.aspx?SiteID=136&FeedbackID=54121)).
2. .value reflekterar .innerText istället för value="" ([\#54127](https://connect.microsoft.com/feedback/ViewFeedback.aspx?SiteID=136&FeedbackID=54127)).
3. Om man har flera \<button\>s med samma namn i ett formulär skickas alla (så man vet inte vilken knapp användren tryckte på). Fixat i IE7.

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

## #9 — SONICdust, 2006-06-01T09:34Z

> **zcorpan skrev:**
>
> De jag känner till...
>
> 1. type="" defaultar till "button" istället för "submit" ([\#54121](https://connect.microsoft.com/feedback/ViewFeedback.aspx?SiteID=136&FeedbackID=54121)).
> 2. .value reflekterar .innerText istället för value="" ([\#54127](https://connect.microsoft.com/feedback/ViewFeedback.aspx?SiteID=136&FeedbackID=54127)).
> 3. Om man har flera \<button\>s med samma namn i ett formulär skickas alla (så man vet inte vilken knapp användren tryckte på). Fixat i IE7.

Tackar för dom tipsen, omdet finns fler är det bara fylla på!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/147439-bilder-som-formulärsknappar