AngularJs材质形式

时间:2017-10-02 15:51:56

标签: angularjs-material

我有一个非常简单的AngularJs材质表格。只需使用非常简单的PHP代码命名,电子邮件地址和文本。不幸的是,它没有用。我在没有Angularjs Material的实时服务器中使用了相同的PHP代码。有效。现在它不再工作了

以下是代码

<form action="form.php" method="post">
        <md-input-container class="md-icon-float md-block">
          <label>Name</label>
          <input type="text" rows="5" name="name">
        </md-input-container>



        <md-input-container class="md-block">
          <input  type="email" placeholder="Email (required)" ng-required="true" name="from">
        </md-input-container>



        <md-input-container class="md-block">
                <label> message</label>
                <textarea rows="2" md-select-on-focus name="message"></textarea>
        </md-input-container>


        <md-button class="md-button" type="submit" name="submit">
                <md-icon class="material-icons">send</md-icon>
        </md-button>

</form>

PHP代码

<?php

    $name = $_POST['name'];
    $email = $_POST['from'];
    $message = $_POST['message'];
    $from = 'from the web';
    $to = 'the email address';


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

    if ($_POST['submit']){               
        if (mail ($to, $from, $body)) { 
        echo '<p>Worked</p>';
    } else { 
        echo '<p>Error</p>'; 
        } 
    } 
?>

我也尝试过更简单的方法,但没有奏效。有了这个,我只得到一个白色的屏幕

1 个答案:

答案 0 :(得分:2)

我刚刚找到了解决方案。 md-button 未提交信息。如果我替换以下部分

<md-button class="md-button" type="submit" name="submit">
    <md-icon class="material-icons">send</md-icon>
</md-button>

用这个

<input class="md-button" type="submit" name="submit"/>

有效。