Primero hay que definir el objetivo, que necesitás de ese botón, ¿que eventualmente haga un submit, o no?
A primera vista, uno se inclinaría por lo dicho por @ocp001a. utilizar un type="button". Pero hay variantes, supongamos que tenés un form para enviar con Ajax, y este, el Ajax, hace el post ó get, esto funcionaria
Código:
<form action="x.php">
<input type="button" value="enviar" onclick="procesaAjax()">
</form>
Pero que pasa si javascript está desactivado, el form, no se procesa, y vos querés que se procese de todas formas, entonces lo lógico es usar igualmente un botón submit, pero claro, vos querés que efectivamente envíe por Ajax y luego no redirija al action, entonces le aplicás un return false al botón submit
Mirá estos 2 ejemplos
Código:
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
//<![CDATA[
function procesaAjax(){
alert('envio con ajax a x.php');
}
function miFuncion(){
document.getElementsByTagName('FORM')[0].style.border = "solid 5px #000";
return false;
}
//]]>
</script>
</head>
<body>
<form action="x.php">
<input type="image" src="F960.jpg" onclick="return miFuncion();" />
</form>
<form action="x.php">
<input type="text" name="nombre" />
<input type="submit" value="enviar" onclick="procesaAjax(); return false;" />
</form>
</body>
</html>
Con respecto al type="image", si bien hace un submit, está concebido para pasar como parámetros las coordenadas
x e
y del lugar dónde se hace click sobre la imagen
Saludos
