Bien como <input type="button" mal como image

[Ojopex2]

Hola amigos,
Tengo un formulario, el que tengo un <select multiple> que lo pasa a otro select multiple, con javascript.
Al hacerle click al botón que pasa a la derecha los datos, siendo de la forma type="button" envía sin problema al <select> que corresponde, el que recibe

De esta forma funciona correctamente
<input name="enviobase" id="enviobase" type="button" value="Agregar" />

Pero si quiero personalizar el botón, al ponerlo de la siguiente forma

<input type="image" name="enviobase" id="enviobase" src="images/btnagregar.png" width="30" height="30" />

Creo que ejecuta el action="ejecuta.php" o al menos me recarga la página del form y no pasa de un lado a otro (ese enviobase es respectivo a los <select> que hago)

¿Cómo puedo hacer para que el boton tenga la imagen que deseo y no haga todo el proceso del action? ¿Irá en el JS?

Este es por si acaso

Código Javascript:

$( function (){
                 $("#enviobase").click( function (){
                    $('#datosBase option:selected').appendTo("#recibebase");
                });
                
            });
 

PD: Una mini consulta: name="nombre" es lo mismo que id="nombre" ¿tienen la misma funcion?

Saludos y gracias de antemano

[caricatos]

Hola:

Los type="image" son una variante del submit (se añaden las coordenadas de donde pinches); deberías poner un tag button.

Saludos