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

时间:2018-09-21 04:52:37

标签: php image input types

(第一页)

    <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 ..

btnImage:
输入图像类型的

值未显示在下一页上 浏览器:chrome和mozilla

您认为错什么人?


(如果值确实不起作用,则可能的解决方案) 嗨,大家好,因为我真的很想尝试使用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'];

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

2 个答案:

答案 0 :(得分:0)

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

无论您要将图像用作常规的提交按钮,都应将图像包装在表单按钮内,并键入类型。

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

答案 1 :(得分:0)

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

使用type =“ image”是有问题的,因为由于某些愚蠢的缺乏原因而禁用了传递值的功能。无论如何,尽管它不是可自定义的,而且也不那么漂亮,但是只要它们是type =“ button”的一部分,您仍然可以使用它们。

请使用隐藏字段或输入类型按钮代替输入类型图像。