【问题标题】:Make a submit button send email with details in HTML制作一个提交按钮,以 HTML 格式发送包含详细信息的电子邮件
【发布时间】:2015-09-27 23:51:05
【问题描述】:

我有一个带有提交按钮的 HTML 表单:

<button type="submit" class="subscribe-submit" onclick="return foo()">Subscribe</button>

我希望将表格上的详细信息发送到我的个人电子邮件地址。

我在 Stack Overflow、Google、Bing 和 Yahoo 上搜索过,但找不到答案

【问题讨论】:

  • 某种方式,html标签不会出现,除非单击“编辑”按钮

标签: html forms email


【解决方案1】:

纯 HTML 无法做到这一点。但是,只需一点 PHP,您就可以准备好表单。

这是一个名为 form_handler.php 的单独文件中的表单处理程序 PHP 代码示例:

<?php
$field_name = $_POST['name'];
$field_email = $_POST['email'];
$field_message = $_POST['comment'];

$mail_to = 'yourPersonalEmail@email.com';
$subject = 'Message from a site visitor '.$field_name;

$body_message = 'From: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Message: '.$field_message;

$headers = 'From: '.$field_email."\r\n";
$headers .= 'Reply-To: '.$field_email."\r\n";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

if ($mail_status) { ?>
    <script language="javascript" type="text/javascript">
        alert('Thank you for the feedback.');
        window.location = 'form.html';
    </script>
<?php
}
else { ?>
    <script language="javascript" type="text/javascript">
        alert('Something went wrong. Please try again or contact at myPersonalEmail@email.com');
        window.location = 'form.html';
    </script>
<?php
}

?>

这是一个名为 form.html 的文件中的 HTML 表单:

<html>
<head>
</head>
<body>
    <form name="form" action="form_handler.php" method="POST">
       <label class="name">Name</label>
       <br>
       <input name="name" type="text" required="required">
       <br>
       <label class="email">E-Mail</label>
       <br>
       <input name="email" type="email" required="required">
       <br>
       <label class="comment">Comment</label>
       <br>
       <textarea name="comment"></textarea>
       <br>
       <input type="submit" name="submit" value="Subscribe" align="center">
    </form>
</body>
</html>

我建议你学习一点 PHP 和表单处理。您可能需要更改字段,但我想您会明白的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-25
    • 2017-10-28
    • 1970-01-01
    • 2018-07-06
    • 1970-01-01
    • 2019-10-04
    • 1970-01-01
    • 2020-09-22
    相关资源
    最近更新 更多