Esta función es la que enviara el POST onclick en la imagen function enviar(destino) { document.form1.action = destino; // identifica por el nombre del formulario document.form1.submit() }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Submit con Imagen</title>
<style type="text/css">
body {
background-color: #9CC;
}
</style>
<script>
function enviar(destino) // esta es la funcion
{
document.form1.action = destino;
document.form1.submit()
}
</script>
abrimos formulario //dejo vacío action
<table border="0">
<tr>
<td align="center" bgcolor="#CCFFFF">Escriba mensaje</td>
<td bgcolor="#CCFFFF"> </td>
</tr>
<tr>
input ingresar texto
<td bgcolor="#FFFFFF"><input name="eliminar" type="text"/></td>
input imagen debes poner una imagen y reemplazar los datos y la ubicacion
<td bgcolor="#FFFFFF"><input type="image"src="images/cruz-eliminar.gif"
width="15" height="15" onclick="enviar" /></td> // aquí se ejecuta la función
</tr>
</table>
</form>
<p> </p>
lo siguiente lo puse para verificar el envío submit imprimiendo el $_POST si existe y no esta vacio
<?php if (isset($_POST['eliminar'])&&($_POST['eliminar']!="")){ echo "Texto
Enviado= ".$_POST['eliminar'];} elseif (isset($_POST['eliminar'])&&
($_POST['eliminar']=="")) echo "Nada Enviado"?>
</body>
</html>