Usar una imagen como botón

[dablin]

Hola a todos!

Tengo el siguiente formulario

Código:

 <form class="formNotas" name="notasform" method="GET">
        <textarea id="textoNotas" name="textoNotas">Escribe mensaje</textarea>
       
        <input type="button" name="guardar" value="Guardar" onClick="addToList(this.form);"/>
</form>

En addToList simplemte cojo el valor de form.textoNotas.value y guardo el contenido en una lista.

Pero lo que me gustaría es en vez de tener un botón type=button es que sea una imagen que cuando se le pinche llame al addToList o bueno que al type button se le pueda asignar una imagen ahora mismo tengo esto otro:

Código:

<img  src="img/save.png" border="0" title="Guardar" onClick="addToList(event,this.form);"/>

pero me da un error en addToList al intentar accefer al form.textoNotas.value porque dice que form no está definido.

¿Cómo puedo arreglarlo?
Gracias

[David]

En lugar de this.form, puedes asignar un id al formulario y acceder a él através de document.getElementById("id_del_formulario")

[dablin]

Muchas Gracias.!

No sabía que se podía acceder a un formulario de esa forma.

Un saludo dablin.