联系表单提交按钮 link 到电子邮件

Contact Form Submit Button link to Email

我对整个 HTML+CSS 编码完全陌生。我想制作一个简单的联系表格,将填写好的表格直接发送到我的电子邮件地址。现在它只是把我扔到我的邮件程序。 这是代码。

感谢您的帮助!

    <div class="form">
        <form method="post" action="mailto:bmxracer3@web.de">
            <label for="fname">Vorname</label>
            <input type="text" id="fname" name="firstname" placeholder="Vorname">
            <label for="lname">Nachname</label>
            <input type="text" id="lname" name="lastname" placeholder="Nachname">
            <label for="country">E-mail</label>
            <input type="text" id="email" name="email" placeholder="Ihre E-Mail">
            <label for="subject">Nachricht</label>
            <textarea id="subject" name="Nachricht" placeholder="Ihre Nachricht" style="height:170px"></textarea>
            <input type="submit" value="Absenden" formaction="mailto:bmxracer3@web.de">
      </form>
    </div>

遗憾的是(原版)HTML+CSS 不提供发送电子邮件的可能性。这样的动作可以用 PHP 来实现。 HTML 只是一种标记语言(它告诉浏览器各种元素的位置),而 CSS 是样式语言(它告诉浏览器 HTML 定义的元素是什么样子的) .

您的代码会打开您的默认电子邮件客户端,因为那是 mailto 操作所做的。

也许这个使用 PHP 的答案可以帮助您创建表单:

工作方式为 designed

您正在使用 mailto: link。它在客户端运行,因此会打开用户安装的任何用于处理电子邮件的内容。可以是浏览器中的邮件客户端或 gmail。

如果你想在服务器上执行此操作,你需要调用你的服务器,例如,POST 到 /sendEmail 并传递名称和消息。然后你就可以在服务器上做任何你想做的事情了:将消息存储在数据库中,发送电子邮件等等。