Question

我昨天也发布了这个问题，但无济于事。我是PHP的新手，我不知道我在做什么。我彻底研究了我的问题，但在保持实际的蓝色按钮而不是默认的“提交”按钮时找不到解决问题的任何东西。在我的PHP中，我使用了模板中的人工认证，但是当我尝试删除它时，它给了我一个错误。

HTML：

<form method="post" action="index.php" id="myform">

                        <input type="text" class="col-md-6 col-xs-12 name" name='name' placeholder='Naam*'/>

                        <input type="text" class="col-md-6 col-xs-12 Email" name='email' placeholder='Email*'/>

                        <input type="text" class="col-md-12 col-xs-12 Subject" name='subject' placeholder='Onderwerp'/>

                        <textarea type="text" class="col-md-12 col-xs-12 Message" name='message' placeholder='Bericht*'></textarea>

                        <div class="cBtn col-xs-12">
                            <ul>

                                <li class="clear"><a href="javascript:document.getElementById('myform').reset();"><i class="fa fa-times"></i>Leeg</a></li>

                                <li class="send"><i class="fa fa-share" id="send" name="send" type="submit" value="send"></i>Verstuur</li>

                            </ul>
                        </div>
                    </form>

PHP：

<?php
    $name = $_POST['name'];
    $email = $_POST['email'];
    $subject = $_POST['subject'];
    $message = $_POST['message'];
    $from = 'From: TangledDemo'; 
    $to = 'mymail@mail.com'; 

    $body = "From: $name\n E-Mail: $email\n Message:\n $message";

    if ($_POST['send']) {                
        if (mail ($to, $subject, $body, $from)) { 
        echo '<p>Uw bericht is vestuurd!</p>';
    } else { 
        echo '<p>Bericht niet verstuurd. Stuur een email naar mymail@mail.com</p>'; 
    } 
    } else if ($_POST['send']) {
    echo '<p>U heeft de anti-spam vraag verkeerd ingevuld!</p>';
    }
?>

This is what it looks like currently. 带有“Verstuur”的按钮由于某种原因没有做任何事情。

非常感谢任何帮助。

编辑：将其更改为type =“submit”。它仍然无法正常工作。：/

CSS：

.forma .cBtn .clear , .cBtn .send{
    margin-bottom: 0;
    margin-top: 4px;
    padding: 10px;
    padding-right: 17px;
    padding-left: 17px

}
.forma .cBtn .clear  a, .cBtn .send a{
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
}
.forma .cBtn .send{
    box-shadow: 0px 2px 0px 0px #179abf;
    background:#1fcdff ;
}
.forma .cBtn .send:hover{
    background:#2f2f2f;
    box-shadow: 0px 2px 0px 0px #000 ;
}

Answer 1

更改此行：

<li class="send"><i class="fa fa-share" id="send" name="send" type="send" value="send"></i>Verstuur</li>

到此：

<li class="send"><input type="submit" id="send" name="submit" value="Verstuur" class="fa fa-share" /></li>

编辑：这是关于HTML表单http://htmldog.com/guides/html/beginner/forms/

的初学者教程

编辑：移动发送类应改善按钮样式

<li><input type="submit" id="send" name="submit" value="Verstuur" class="send fa fa-share" /></li>

编辑：这里有一些改进的CSS http://jsfiddle.net/PiranhaGeorge/x27f9sr6/

无法使用自定义提交按钮

1 个答案: