提交按钮未提交

Question

<div class = 'buttons'>
 <button type="submit" class="regular" name="save">
        <img src="elephant.png" alt=""/>
        Memory
 </button>
</div>

这是提交按钮的代码

但是，当我尝试使用php验证表单时，按钮似乎没有提交。

<?php if( isset($_POST['save']) && $_POST['save'])
{
$submit = $_POST['save'];
echo "lol";
}
else
{
echo "lola";

}

Answer 1

正如已经写好的，你的代码缺少包装。虽然将提交按钮作为一个按钮可以在没有表单的情况下工作，但是捕获_POST数据肯定不行。

另外，您的image-button解决方案可能会更好，可能是这样的：

<style type="text/css">
    input[type="submit"] {background: url('elephant.png') right no-repeat; padding: 10px; padding-left: 30px; font-size: 14px; font-weight: bold;} /* or call this .regular */
</style>
<?
if ($_POST['save']) { // the trigger
    echo '<h1>Cooking with fire now!</h1>';
}
?>
<form method="POST" action="">
    <div class="buttons">
        <input type="submit" name="save" value="Memory" class="regular" />
    </div>
</form>

• 请注意，带有空格的class = "buttons"是不正确的语法！

Answer 2

提交按钮只在表单中有效。尝试将整个过程封装在一个form标记中，然后重试。

Answer 3

提交按钮在发布表单时没有任何要发送的值。 <button> element not send其元素的内容作为其提交值发送。您仍然必须向该元素添加value属性，才能使其具有提交值。因为您没有这样做，所以它会发送一个空字符串，这会导致您的条件语句失败：

if( isset($_POST['save']) && $_POST['save'])

因为$_POST['save']为空，所以第二部分返回false，因此它转到else块。