---
title: "Hur gör man en bild av reset knapp?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/187-hur-gör-man-en-bild-av-reset-knapp"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Brimba"
published: "2000-03-14T14:09:00.000Z"
updated: "2000-03-15T22:05:00.000Z"
replies: 10
views: 664
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/187-hur-gör-man-en-bild-av-reset-knapp"
---

# Hur gör man en bild av reset knapp?

## #1 — Brimba, 2000-03-14T14:09Z

Hej!

Hur gör man en bild av en erase knapp?

När man gör det av en submit knapp gör man tex så här:

		\<input id="submit1" border="0" name="Send" src="images/send.jpg" type="image" WIDTH="85" HEIGHT="30" onfocus="blur()"\>

Det är ju inga konstigheter men så försökte jag göra en reset knapp men lyckas inte!

Hur gör man?

Tack!

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

## #2 — Ricke, 2000-03-15T07:48Z

Måste du absolut ha en \<input\>-tag så vet jag inte, annars finns ju alternativet:

```
<form name="my_form">
<input type="text" name="texten">
<a href="javascript:document.my_form.reset(); document.my_form.texten.focus();"><img src="reset.jpg" border="0"></a>
</form>
```

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

## #3 — Brimba, 2000-03-15T09:05Z

Tack för den vinklingen av svaret :)

Men jag söker fortfarande ett sätt med hjälp av INPUT, går det?

Någon som vet eller har gjort det?

Tacksam för svar :)

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

## #4 — petergrennanet, 2000-03-15T11:24Z

Men input alternativet:

```
script language=javascript
function resetForm() {
 document.formname.reset();
}
/script
```

och formularet:

```
<input type="image" src=bild.gif onClick=resetForm()>
```

Det borde fungera.

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

## #5 — petergrennanet, 2000-03-15T11:27Z

Eller annu enklare:

```
input type=image src=bild.gif onCLick="document.formname.reset(); return false;"
```

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

## #6 — Brimba, 2000-03-15T11:29Z

Hej!

Jo det fungerar, men då använder man fortfarande sig av javascript för rensingen, jag är ute efter att endast använda HTML:en.

Tack!

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

## #7 — Vide, 2000-03-15T13:00Z

Kan du inte testa detta:
\<BUTTON TYPE=reset ACCESSKEY=R\>\<IMG SRC="reset.gif" ALT="&#10008;"\>\</BUTTON\>

... har inte testat det själv, så jag vet inte om det funkar, men det vore ju kul att vet...

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

## #8 — Brimba, 2000-03-15T13:04Z

Hej Vide!

Det fungerar men ser bedrövligt ut.

Man ser knappen och inuti knappen sitter bilden, skit fult :( Tyvärr, men det funkar bra, speciellt med accesskey :)

ha det bra!

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

## #9 — Vide, 2000-03-15T14:12Z

... okej... då vet man... synd att man inte kunde fixa en helt egen bild då...

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

## #10 — Brimba, 2000-03-15T16:59Z

Vide... kom å tänka på en sak.

Kan man inte på något sätt sätta färger på \<BUTTON\>? 

Jag provade bgcolor="#FFFFFF" men det fungerade inte, kanske kan man sätta färg på nått annat sätt?

Jag har inte alla BUTTON attribut i huvudet :(

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

## #11 — FlashX, 2000-03-15T22:05Z

Du kan använda styles men då synns det bara i Explorer.

```
input { 
color:#339966;
background:tranparent; border: thin ridge; border-color: #339966 #002424 #002424 #339966}
```

 

```
textarea { 
color:#339966;
background:tranparent; border: thin ridge; border-color: #339966 #002424 #002424 #339966}
```

```
select { 
color:#339966;
background:#002424; border: thin ridge; border-color: #339966 #002424 #002424 #339966; text-decoration: none}
```

Resultatet kan du se [här](http://www.lammhult.com/sample/kontakt.html) men funkar som sagt bara i Explorer.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/187-hur-gör-man-en-bild-av-reset-knapp