php - 在按钮中显示图像并使用 PHP 以表单形式发送隐藏值

Question

很抱歉我的英语不好，但我需要在按钮中显示图像，然后在表单帖子中发送隐藏值。

小米代码:

echo "<form method='post' action='index.php'>";
echo '<input id="prueba" type="submit" value="Submit">​​​​';
echo "<input type='hidden' name='opt' value='3'>";
echo "<input type='hidden' name='sede' value='".$sede."'>";
echo '</form>';

在我的 CSS 中:

#prueba{
    background-image:url(back.png);
    font-size:0;
    width:50px;
    height:50px;
}​

请帮帮我。

Answer 1

简单地显示图像并使用 javascript 单击提交按钮如何？

示例 1:使用“document.form.submit()”

echo "<form id='myform1' method='post' action='index.php'>";
echo '<a href="javascript:void(0);" ';
echo   ' onclick="document.getElementById(\'myform1\').submit();">';
echo  '<img src="back.png" width="50" height="50" />';
echo '</a>';
echo "<input type='hidden' name='opt' value='3' />";
echo "<input type='hidden' name='sede' value='".$sede."' />";
echo '</form>';

或者，示例 2:使用隐藏的提交按钮(需要 jQuery)

echo "<form method='post' action='index.php'>";
echo '<a href="javascript:void(0);" onclick="$(\'#prueba\').trigger(\'click\');">';
echo  '<img src="back.png" width="50" height="50" />';
echo '</a>';
echo '<input id="prueba" type="submit" value="Submit" style="display:none" />​​​​';
echo "<input type='hidden' name='opt' value='3' />";
echo "<input type='hidden' name='sede' value='".$sede."' />";
echo '</form>';

或者，示例 3:使用 CSS 显示图像

echo "<form id='myform1' method='post' action='index.php'>";
echo '<a id="prueba" href="javascript:void(0);" ';
echo   ' onclick="document.getElementById(\'myform1\').submit();" />';
echo "<input type='hidden' name='opt' value='3' />";
echo "<input type='hidden' name='sede' value='".$sede."' />";
echo '</form>';