输入电子邮件地址到HTML表单,然后一个提交按钮打开输入地址的电子邮件客户端

时间:2018-05-05 20:27:38

标签: javascript php html

我正在尝试创建一个用户可以在电子邮件地址中键入的表单,然后当我单击“提交”按钮时,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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

附加eventlistener以进行提交操作。

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

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>

这将打开用户的电子邮件客户端。当然你不应该期望这个功能发送电子邮件