将“提交”按钮替换为图像或将背景图像替换为提交按钮不会产生任何影响


Replacing Submit button with image or using a background image for the submit button is not wirking

我一直在为同样的问题而苦苦挣扎。当它只是提交按钮时,一切都很好。但是当我将其更改为图像(将类型=提交替换为类型=图像)或将图像样式设置为背景图像时,它就不起作用了。任何帮助不胜感激,谢谢。

.HTML

<form method='post' action='contact-form-proc.php' name='contactform' id='contactform'>
    <p>
    <label for='fullname'>Your Name:</label><br/>
    <input type='text' name='fullname' />
    </p>
    <p>
    <label for='email' >Email Address:</label><br/>
    <input type='text' name='email' />
    </p>
    <input type='submit' name='submit' value='' id='submit' />
</form>

.CSS

<style>
label{
font-family:Arial, Helvetica;
font-size:0.8em;
}
#submit{
    background-image:url('submitP.gif');
    height:2.5em;width:9em;
    border:0;
    display:block;
}
</style>

.PHP

<?php
if(empty($_POST['submit']))
{
    echo "Form is not submitted!";
    exit;
}
if(empty($_POST["fullname"]) ||
    empty($_POST["email"]))
    {
        echo "Please fill the form";
        exit;
    }
$name = $_POST["fullname"];
$email = $_POST["email"];
mail( 'info@xyz.com' , 'New form submission' , 
"New form submission: Name: $name, Email:$email"  );
header('Location: thank-you.html');

?>

试试这个

<button type="submit"><img src="submitP.gif" id="submit"></button>

我只是在表单中添加了这个:

这样它就可以在我的 PHP 中收到 $_POST['submit']。

感谢梅尔基斯。