Hey,

Ik was net bezig om een formuliertje te maken, en wou 2 iconen gebruiken om het formulier te submitten of resetten.

Nu is het bij submit niet moeilijk om dit te doen met:
<input type="image" src="/img/icons/accept.png"/>

Echter bij reset heb ik het nog nooit geprobeerd, en na wat google werk lijkt het wel of het alleen met javascript of met <button> (Wat overigens niet het gewenste resultaat geeft) kan..

Nu lijkt me dit toch een behoorlijk gebrek, of zie ik iets over het hoofd?
Weet iemand of dit wel kan, en zo ja hoe? Ik wil hier dus geen javascript voor gebruiken.

Mathijs.

Idd, was me nog nooit opgevallen eigenlijk. Maar heb je echt een reset button nodig? Zo'n dingen kunnen soms wel zorgen voor frustratie, als de gebruik op de reset button klikt bv. ipv. de submit button. Je plaatst die button dus best niet naast de submit button.

Als ik verder snel even zoek dan is een css oplossing niet meteen voor handen. Gek eigenlijk, nu ja er zijn wel meer zo'n schoonheidsfoutjes in html :p

Haha, ben ik gelukkig niet gek geworden ;)
Bedankt in ieder geval, dan doen ze het maar zonder resetbutton ;)

Op een ander forum heb ik de tip gekregen om gewoon <input type="reset"> te gebruiken, en dan de afbeelding als achtergrond in m'n css. Dit werkt precies zoals ik het wou hebben :)

Wellicht niet de netste oplossing, maar hij voldoet ;)

Ik weet niet of dit de netste oplossing is maar zo doe ik het ook Mathijs :)

Dat is zeker de netste oplossing :) Zoveel mogelijk met CSS, dan kunnen users zelf kiezen of ze je plaatjes zien of niet.

Ja maar ik wou alleen de afbeeldingen, dus als ze geen afbeeldingen willen, zien ze ook geen buttons ;)

Origineel gepost door Mathijs Huis

Ja maar ik wou alleen de afbeeldingen, dus als ze geen afbeeldingen willen, zien ze ook geen buttons ;)

Ach ja , dat is voor een reset button gelukkig niet zo erg, als dat bij een submit button maar niet is ;-)

afbeeldingen dienen altijd een ALT text te hebben, waardoor de functie niet verloren gaat als de afbeelding om welke reden dan ook niet laadt.

Ja maar dat gaat helaas niet op bij een achtergrondafbeelding van een button :) Als die afbeelding dus niet werkt, en je geen text op de button hebt, zie je niets.

Nee, maar mijn ervaring is, bij timeouts word alleen de html geladen. De css en afbeeldingen niet dus dat maakt niets uit.

Code:

<input type="image" src="images/reset.gif" onclick="document.form1.reset(); return false;">

Waarbij image/reset.gif verwijst naar de bijbehorende afbeelding. form1 verwijst naar de name in form tag, zoals:

Code:

<form method="post" name="form1">

Werkt bij mij perfect. Heb het paar dagen terug toevallig via Google opgezocht omdat ik het ook nodig had.