javascript - 输入 HTML 表单中的电子邮件地址，然后“提交”按钮将打开包含输入地址的电子邮件客户端

Question

我正在尝试创建一个用户可以输入电子邮件地址的表单，然后当我单击“提交”按钮时，Outlook(或用户的电子邮件客户端)会从表单中打开一封发送到该地址的电子邮件。这是我的代码:

<p>Enter the Email Address of the advisor you which to message.</p>
<!-- Display body section. -->
<form action="mailto:'email'">

<p>Email: <input type="text" name="email" size="10"> </p>
<p><input type="submit" value="Email"></p>
</form>

Answer 1

为提交操作附加一个事件监听器。

获取您在输入字段中输入的值并使用

window.open('mailto:'+email);

这是完整的片段。

document.getElementById("form").addEventListener("submit", function(e){
   e.preventDefault();
   var email = document.getElementById("email").value;
   window.open('mailto:'+email);
   

})

<p>Enter the Email Address of the advisor you which to message.</p>
<!-- Display body section. -->
<form id="form">

<p>Email: <input id="email" type="text" name="email" size="10"> </p>
<p><input type="submit" value="Email"></p>
</form>

这将打开用户的电子邮件客户端。当然你不应该指望这个函数可以发送电子邮件