如何让我的提交按钮工作？

Question

我不是编码专家。事实上，这是我第一个真正的 CSS 项目。我在 Adob​​e Edge Reflow 中创建了页面，并将 CSS 导出到了 dreamweaver。我遇到的问题是我无法让我的表单真正工作。我希望表格直接发送到我的电子邮件，没有特定的格式。谁能帮我吗？

<form method="post" novalidate>  
        <label id="formgroup">
            <p id="text1">
            Name&#x2a;
            </p>
            <input id="textinput" type="text" value=" Your Name"></input>
        </label>
        <label id="formgroup1">
            <p id="text2">
            Company Name
            </p>
            <input id="textinput1" type="text" value=" Company Name"></input>
        </label>
        <label id="formgroup2">
            <p id="text3">
            Email&#x2a;
            </p>
            <input id="textinput2" type="text" value=" email"></input>
        </label>
        <label id="formgroup3">
            <p id="text4">
            Message&#x2a;
            </p>
            <input id="textinput3" type="text" value=" Your message"></input>
        </label>
        <input id="submit" type="submit" value="Send Message"></input>
        <input type="hidden" name="recipient" value="xxx@gmail.com"> </form>

Answer 1

对于旨在发布一系列字段内容的简单表单，您的 HTML 标记似乎很好。

但是，HTML 代码（连同任何 CSS）只能让您确定表单的表示/样式（即它的外观）。

关于应用程序的功能实际触发带有表单内容的电子邮件到电子邮件地址，这将需要更多“服务器端”语言的代码，例如 PHP（HTML 和 CSS 是“客户端”语言） .

这是一篇很好的文章，提供了有关该主题的教程：http://www.html-form-guide.com/php-form/php-form-tutorial.html

您的 HTML 标记实际上缺少一些东西，即“动作”属性，即

之前：

<form method="post" novalidate>

之后：

<form method="post" novalidate action="send-email.php">

您可能已经从上面的内容中猜到了，这个“动作”属性指定了触发电子邮件的 PHP 脚本/文件。当然，您当前缺少的正是这个文件。

希望这会有所帮助。