在按钮中显示图像,并使用 PHP 在表单中发送隐藏值


display image in a button and send hidden values in a form with PHP

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

小米码:

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;
}​

请帮助我。

简单地显示图像并使用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>';

而不是输入类型= 提交使用

  <input type="image" src="back.png" alt="Submit">