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

Alexander 发表于 Dev

亚力山大

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

小米代码：

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

请帮我。

马克879

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。