我有一个包含 3 个字段(姓名、电子邮件和消息)的 HTML 表单,我想使用这 3 个字段创建自定义 mailto,但我不想创建如下所示的固定内容:
<a href="mailto:[email protected]?subject=Subject&body=HelloWorld">Send a mail</a>
这可能吗?如果不是,我是否有其他方法来制作简单的处方集?我的页面是一个登陆页面,只有 HTML、CSS 和一些 JavaScript(还有 Bootstrap)。
- - 编辑 - -
我发现这个,例如:http://www.techrepublic.com/article/set-up-an-html-mailto-form-without-a-back-end-script/
但它在正文中写入了太多信息,结果是字面意思:
Name=Your name
[email protected]
Comment=Testing textarea
Submit=Submit
我可以回答自己,经过深入搜索后我可以解决我的问题。
JavaScript:
function sendMail() {
var name = $('#contact #name').val();
var email = $('#contact #email').val();
var message = $('#contact textarea').val();
window.location.href = 'mailto:[email protected]?subject=The subject - ' + name + ' (' + email + ')' + '&body=' + message;
};
HTML:
<form>
<input type="text" id="name" name="name" >
<input type="email" id="email" name="email">
<textarea rows="5"></textarea>
</form>
<button type="submit" class="btn btn-primary" onclick="sendMail()">Button Text</button>
我们不能使用提交输入,因为窗口位置.href不适用于它;我们需要使用一个按钮来运行一个功能。
就这样,非常简单:)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)