我有一个包含3个字段(名称,电子邮件和消息)的HTML表单,我想用这3个字段创建自定义mailto,但我不想创建这样的固定内容:
<a href="mailto:mail@company.com?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
E-mail=mail@company.com
Comment=Testing textarea
Submit=Submit
答案 0 :(得分:5)
我可以回答自己,经过深入搜索,我可以解决我的问题。
JavaScript的:
function sendMail() {
var name = $('#contact #name').val();
var email = $('#contact #email').val();
var message = $('#contact textarea').val();
window.location.href = 'mailto:mail@company.com?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>
我们无法使用提交输入,因为 window.location.href 不能使用它;我们需要使用一个运行函数的按钮。
这一切都非常简单:)