---
title: "Byta Formulär bild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/633-byta-formulär-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Grymt"
published: "2000-11-01T12:31:00.000Z"
updated: "2000-11-06T20:51:00.000Z"
replies: 14
views: 341
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/633-byta-formulär-bild"
---

# Byta Formulär bild?

## #1 — Grymt, 2000-11-01T12:31Z

Jag har ett formulär med en kommandoknapp. Hur gör jag för att byta kommandoknappen till en vanlig bild?

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

## #2 — Erik Juhlin, 2000-11-01T14:07Z

Är det här vad du menar?
\<input type="image" src="bild.gif"\>

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

## #3 — Wiberg, 2000-11-01T17:09Z

\<input type="image" src="bild.gif" value="submit"\>

...om det skall vara en submitknapp!

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

## #4 — Alpha II, 2000-11-01T21:38Z

Borde det inte vara:

\<INPUT TYPE="submit" SRC="bild.gif"\>

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

## #5 — Grymt, 2000-11-02T13:01Z

tack Wiberg, det funkade utmärkt, men om jag vill ha en reset knapp också, hur gör jag då?
För detta funkar inte:

\<input type="image" name="reset" src="bild.gif" value="reset"\>

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

## #6 — Erik Juhlin, 2000-11-02T13:10Z

Value är egentligen onödigt eftersom att där brukar man skriva texten på en vanlig submit knapp.

Reset knappen måste du göra med javascript. Ett exempel:

```
<form name="formularnamn">
<input type="text">
</form>
<input type="image" src="submit.gif"> <a href="javascript:document.formularnamn.reset()"><img src="reset.gif" border="0"></a>
```

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

## #7 — Grymt, 2000-11-03T12:47Z

Jag bugar och tackar och går genast och testar om det funkar.

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

## #8 — Wiberg, 2000-11-03T17:26Z

Helt rätt, Erik!

Ditt sätt fungerar också bättre om man t.ex. vill ha en onMouseOver funktion på submit/reset knappen.

CASE CLOSED!

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

## #9 — @nders, 2000-11-03T17:28Z

då skulle jag bara vilja göra ett litet tillägg.

ha med border=0 i input-taggen så får inte netscape en sån där äcklig ram runt bilden.

mvh

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

## #10 — Erik Juhlin, 2000-11-03T17:43Z

alt="Skicka" kan väl också vara vettigt.

Vill man göra en onmouseover på Submit knappen som Wiberg nämnde så gör man på samma sätt som med reset knappen fast bytar ut reset() mot submit().
Ganska logiskt.. :)

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

## #11 — Hallgren, 2000-11-03T17:46Z

Vill egentligen inte förstöra en sån här tråd, men måste säg att detta är en av de trevligaste trådarna jag läst på väldigt länge. :)

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

## #12 — @nders, 2000-11-03T17:53Z

**hallgren**: det är inte att förstöra tråden, det är att göra den bättre! :)

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

## #13 — Grymt, 2000-11-05T12:37Z

Oooh... Är det meningen att jag ska vara stolt som startat en sån fin tråd ;)

En fråga till, inte lönt att starta en ny tråd för det, Någon som har ett bra onMouseOver script?

Mvh Grymt

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

## #14 — Hallgren, 2000-11-05T13:15Z

Här har du ett:

```
<script language="JavaScript"

if (document.images) {
	button_1_on=new Image;
	button_1_on.src="bild1a.gif";
	button_1_off=new Image;
	button_1_off.src="bild1b.gif";

	button_2_on=new Image;
	button_2_on.src="bild2a.gif";
	button_2_off=new Image;
	button_2_off.src="bild2b.gif";
}
function rollIn(imgName){
	if (document.images) {
		document[imgName].src=eval(imgName + "on.src");
	}
}
function rollOut(imgName){
	if (document.images) {
		document[imgName].src=eval(imgName + "off.src");
	}
}
</script>

<a href="sida.html" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')"><img src="bild1b.gif" border="0" name="button_1_" width="30" height="30"></a>
<a href="sida2.html" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="bild2b.gif" border="0" name="button_2_" width="30" height="30"></a>
```

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

## #15 — Grymt, 2000-11-06T20:51Z

Man tackar och tar emot, Grymt snällt allihopa ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/633-byta-formulär-bild