表单中的图像提交按钮

Question

我有一个表单,其中包含图像形式的提交按钮.当用户单击图像按钮时,图像按钮应扮演提交按钮的角色.

代码示例:

<form action="page.php" method="POST">
   <input type="image" name="btn_opentextbox" src="image.png" value="Submit" />
</form>

处理提交:

if($_POST['btn_opentextbox'])
{
    //do something
}

令人惊讶的是,上面的代码曾经在Firefox中完美运行.然而,一旦我昨天更新了我的Firefox,它根本不起作用.我点击按钮,页面刷新,没有任何反应.该代码在IE中也不起作用.

注意:它适用于Chrome.

我希望它能在Firefox,IE等中运行

有什么建议？

Answer 1

你可以添加一个隐藏的字段

<input type="hidden" name="action" value="Submit Form">

在PHP中你可以做到这一点

if($_POST['action'] == "Submit Form"){
 do something 
}

希望这个帮助.

Answer 2

您应该使用普通的submit-button 并使用 CSS 将按钮的外观替换为 image。这应该适用于所有浏览器。