проблема отображения значения входного типа на следующей странице

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.... в строке ....

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'];

---

теперь это будет зависеть от значения скрытого ввода

Answer 1

Входное значение type = "image" определяет только это изображение как кнопку отправки, а не как вход, который может передавать значение на сервер.

Использование type = "image" проблематично, посколькуВозможность передать значение отключена по какой-то глупой причине.В любом случае, несмотря на то, что это не так настраиваемо и, следовательно, так красиво, вы все равно можете использовать свои изображения, если они являются частью кнопки type = "*".

Пожалуйста, используйте скрытое поле или кнопку типа ввода вместо типа вводаобраз.

Answer 2

В спецификации HTML для ввода изображения указано, что оно не передает значение.Вместо этого он может передавать координаты x и y того места, где вы щелкнули изображение. Подробнее здесь ...

Независимо от того, хотите ли вы использовать изображение в качестве обычной кнопки отправки, оберните изображение внутри кнопки формы с типом отправки.

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