可以';t使用自定义提交按钮提交表单


Can't submit form with custom submit button

我昨天也发布了这个问题,但没有用。我真的是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>';
    }
?>

这就是目前的情况。由于某种原因,带有"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 ;
}

更改此行:

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

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