下一页输入类型图像值显示问题

Question

（第一页）

    <form action="page1.php" method="post"> 
     <input type="image" src="images/leavecredits.png" name="btnImage" id="btnImage" value="uuuu"/>

<input type="hidden" id="hiddenEmpID" name="hiddenEmpID" value="yyyy"/>

  <input type="image" src="images/leavecards.png" alt="Submit" width="100" height="100" style="background-color:#FFF; border:dotted #CCCCCC thin;"  onMouseOver="this.src='images/leavecards_onmouseover.png'" onMouseOut="this.src='images/leavecards.png'"  
  id="btnLeaveManagement2" name="btnLeaveManagement2" value="leavecards">   

</form>

(page1.php)

<?PHP
echo "<br>hiddenEmpID: " . $_POST['hiddenEmpID'];
echo "<br>btnImage: " . $_POST['btnImage'];
?>

结果：

hiddenEmpID: yyyy

注意：未定义索引：btnImage .... in line....

btnImage:

图像输入类型的值不会出现在下一页 浏览器：chrome 和 mozilla

你们觉得哪里不对？

---

（如果 value 真的不起作用，可能的解决方案） 大家好，因为我真的想尝试使用 type="image" 作为按钮，所以我在 php 上想出了这个脏代码

<form action="page1.php" method="post">
<input type="image" src="images/leavecredits.png" alt="Submit" id="btnLeaveManagement" name="btnLeaveManagement"  width="100" height="100" style="background-color:#FFF; border:dotted #CCCCCC thin;"  onMouseOver="this.src='images/leavecredits_onmouseover.png'" onMouseOut="this.src='images/leavecredits.png'" >
<input type="hidden" id="hiddenEmpID" name="hiddenEmpID" value="leavecards"/>
</form>

<form action="page1.php" method="post">
<input type="image" src="images/leavecredits.png" alt="Submit" id="btnLeaveManagement" name="btnLeaveManagement"  width="100" height="100" style="background-color:#FFF; border:dotted #CCCCCC thin;"  onMouseOver="this.src='images/leavecredits_onmouseover.png'" onMouseOut="this.src='images/leavecredits.png'" >
<input type="hidden" id="hiddenEmpID" name="hiddenEmpID" value="leavecredits"/>
</form>

    echo "<br>hiddenEmpID: " . $_POST['hiddenEmpID'];

---

现在它将取决于隐藏输入的值

Answer 1

图像输入的 HTML 规范说它不传递值。相反，它可能会传递您单击图像的位置的 x 和 y 坐标。 Read more here...

无论您是否想将图像用作常规提交按钮，都将图像包装在类型为 submit 的表单按钮内。

<button type="submit" ... ><img src="image.jpg" .../></button>

Answer 2

输入 type="image" 仅将该图像定义为提交按钮，而不是可以将值传递给服务器的输入。

使用 type="image" 是有问题的，因为传递值的能力由于某些愚蠢的缺乏原因而被禁用。无论如何，尽管它不是可定制的，因此也不是那么漂亮，但您仍然可以使用您的图像，只要它们是 type="button" 的一部分。

请使用隐藏字段或输入类型按钮而不是输入类型图像。