Gå til innhold

Hvordan kode egendefinert reset knapp m/funksjon?


Anbefalte innlegg

Jeg har en liten portal med søkemotorer og ønsker å legge til en reset knapp, men vil bruke egen knapp, hvordan blir da koden?

 

Nå bruker jeg bare <input type="reset"/> Hva må jeg legge inn for at jeg kan bruke en egendefinert knapp, og samtidig kun tømme det aktuelle feltet? Problemet jeg står fast ved er at jeg må prøver å bruke type=image src='images/knapp_slett.gif'> men da funker jo ikke slett funksjonen som den skal...

 

Forslag?

Lenke til kommentar
Videoannonse
Annonse

HTML:

<input type="reset" class="reset" value="Slett alt" />

 

CSS:

.reset {
background-image:url(images/knapp_slett.gif);
...masse ekstra styling
}

 

PS: er ikke sikker på at det funker, men du kan ihvertfall style den ganske mye med CSS, slik at du ikke trenger bilde.

 

 

EDIT: du kan bruke JS på en <input type="image">, men da funker den ikke på alle browsere

Endret av jorgenindahouse
Lenke til kommentar

Du har ikke noen forslag dersom jeg ikke bruker CSS, altså HTML?

 

Jeg vet jeg skulle gjort det med CSS, men droppet det da jeg begynte ettersmo det skulle være en liten enkel side, men angret jo i ettertid at jeg bare ikke implemnterte det der og da. Gidderbare ikke begynn med det nå... :-) Uansett takk for godt svar!

Lenke til kommentar

Du kan legge til CSS på knappen ved å bruke

<input type="reset" class="reset" value="Slett alt" style="background-image:url(images/knapp_slett.gif);" />

 

Vet ikke om det er akkurat dette du er på jakt etter, men det kan kanskje løse problemet ditt... Du kan selvsagt legge til flere ting inne i 'style'. Skjønt, da hadde det kanskje vært like greit å legge til CSS på hele siden.

Lenke til kommentar
Den beste løsningen kan være å bruke CSS til å definere et bakgrunnsbilde, men merk at dette ikke vil fungere i Opera, siden Opera har sine "egne" knapper.

Trur likevel opera sine "egne" knapper "gir etter" når du bestemmer et bakgrunnsbilde. ;)

 

Eg og epsilon hadde en lang diskusjon om det heitte "definere" eller "bestemme" en egenskap i CSS ;)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...