<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/styles.css">
<title>Contact Us</title>
</head>
<body>
<form action="MAILTO: xyz@gmail.com" method="post" enctype="text/plain"></form>
<div class="wrapper">
<div class="title">
<h1>contact us form</h1>
</div>
<div class="contact-form">
<div class="input-fields">
<input type="text" class="input" placeholder="Name" required>
<input type="text" class="input" placeholder="Email Address" required>
<input type="text" class="input" placeholder="Phone" required>
<input type="text" class="input" placeholder="Subject" required>
</div>
<div class="msg">
<textarea placeholder="Message"></textarea>
<button type="submit">Send</button>
<!-- <div class="btn">send</div> -->
</div>
</div>
</div>
</form>
</body>
</html>你好！我正在尝试制作联系表格，但我无法收到通过表格发送的电子邮件....实际上它从不发送数据...我能做什么？我想在用户点击发送按钮时在我的 Gmail 上接收数据。
在表单开始的行末尾有一个结束标记。
<form action="MAILTO: xyz@gmail.com" method="post" enctype="text/plain">
<div class="wrapper">
<div class="title">
<h1>contact us form</h1>
</div>
<div class="contact-form">
<div class="input-fields">
<input type="text" class="input" placeholder="Name" required>
<input type="text" class="input" placeholder="Email Address" required>
<input type="text" class="input" placeholder="Phone" required>
<input type="text" class="input" placeholder="Subject" required>
</div>
<div class="msg">
<textarea placeholder="Message"></textarea>
<button type="submit">Send</button>
<!-- <div class="btn">send</div> -->
</div>
</div>
</div>
</form>
请尝试上述操作。
最重要的是 - 所有这些代码将做的是在您的计算机上打开一个客户端，以便用户直接发送电子邮件。它不会从浏览器直接向用户提交消息。如果您希望这样做，则必须使用后端代码。我建议使用Node.js和Nodemailer。这里有一个很好的链接来解释这一点：
https://blog.mailtrap.io/nodemailer-gmail/