Unterschied von type="image" und type="button"

[Jochen J. HÖDL]

Hallo,
ich habe 2 gleiche Funktionen. Eine mit type="image" und die andere mit type="button". Warum funktioniert nur die Buttonversion? oder Wo ist der Unterschied?

<script language="JavaScript">
<!--
function Hinzufuegen() {
 NeuerEintrag = new Option(document.frmEintragen.fldneu.value,document.frmEintragen.fldneu.value,false,true);
 document.frmEintragen.fldFirma.options[document.frmEintragen.fldFirma.length] = NeuerEintrag;
 document.frmEintragen.fldneu.value = "";
}

function Hinzufuegen2() {
 NeuerEintrag = new Option(document.frmEintragen.neu.value,document.frmEintragen.neu.value,false,true);
 document.frmEintragen.fldFirma.options[document.frmEintragen.fldFirma.length] = NeuerEintrag;
 document.frmEintragen.neu.value = "";
}

//-->
</script>

.....

<input type="text" name="fldneu">
<input type="image" class="button" name="btnNeu" src="Bilder/btn_+Neu.gif" border=0 height=25 onClick="return Hinzufuegen()"; return true;>

<input type="text" name="neu">
<input type="button" value="Hinzu" onClick="Hinzufuegen2()">

[Cheatah]

Hi,

ich habe 2 gleiche Funktionen. Eine mit type="image" und die andere mit type="button". Warum funktioniert nur die Buttonversion?

was heißt "funktioniert" bzw. "funktioniert nicht"? Was für ein Problem hast Du beobachtet?

oder Wo ist der Unterschied?

Ein <input type="image"> ist ein Submit-Button. Ein <input type="button"> nicht.

<script language="JavaScript">

ERROR: Required attribute "type" missing. Bitte konsultiere das Archiv.

<input [...] onClick="return Hinzufuegen()"; return true;>
<input [...] onClick="Hinzufuegen2()">

Hier sind Unterschiede schon beim scharfen Hingucken sichtbar. Die erste Variante macht übrigens schon aus HTML-Sicht nicht das, was Du wünschst: Das "return true;" ist nicht Teil des onClick-Handlers, sondern wirkt wie HTML-Attribute ohne Wert, wobei das Semikolon noch mal so falsch ist.

Cheatah