怎样通过HTM页面直接提交到Email的表单

来源：互联网发布：女生学软件测试好吗编辑：程序博客网时间：2024/06/06 02:45

解决思路：

关键点是设置表单的action属性为”mailto:”+email地址。

(方法一) 具体步骤：

1.设置表单的action属性为接收邮件的email地址，并设置表单的MIME编码。

<form action="mailto:yourname@domain.com" enctype="text/plain">
</form>

2.设置邮件主题和正文的输入框

主题：<input name="subject" type="text"><br>
正文：<textarea name="body"></textarea><br>

<input name="subject" type="text">

3.设置抄送和密码地址输入框

抄送：<input name="cc" type="text"><br>
密送：<input name="bcc" type="text"><br>

4.完整代码

<form action="mailto:yourname@domain.com" enctype="text/plain">
主题：<input name="subject" type="text"><br>
抄送：<input name="cc" type="text"><br>
密送：<input name="bcc" type="text"><br>
正文：<textarea name="body"></textarea><br>
<input type="submit">
</form>

注意：
l 表单的action值的格式必须为"mailto:目标Email地址"，这个跟做Email链接时类似。
l enctype(MIME编码)必须设置为"text/plain"(文本)，否则收到的邮件是乱码。

l 表单的method属性不能设置为post，必须为get(默认不设置时为get)，否则邮件的格式跟用户输入的不符合。

(方法二) 具体步骤：

<a href="mailto:youname@domain.com?subject=title&cc=name1@domain.com,name2@domain.com&bcc=bccname@domain.com&body=hello world!">mailto</a>

案例：

HTML代码:

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</form>

JS代码:

function getMailtoUrl() {

var args = [];

if (typeof subject !== 'undefined') {

args.push('subject=' + encodeURIComponent('主题内容'));

}

var name = $("input[name='name']").val();

var iphone = $("input[name='iphone']").val();

var body = name +"\n"+iphone

if (typeof body !== 'undefined') {

args.push('body=' + encodeURIComponent(body))

}

var url = 'mailto:' + encodeURIComponent('service@kashuo.com');

if (args.length > 0) {

url += '?' + args.join('&');

}

console.log(url);

window.location = url;

return url;

}

</script>

怎样通过HTM页面直接提交到Email的表单

解决思路：

关键点是设置表单的action属性为”mailto:”+email地址。

(方法一) 具体步骤：

l 表单的method属性不能设置为post，必须为get(默认不设置时为get)，否则邮件的格式跟用户输入的不符合。

(方法二) 具体步骤：

<a href="mailto:youname@domain.com?subject=title&cc=name1@domain.com,name2@domain.com&bcc=bccname@domain.com&body=hello world!">mailto</a>

案例：

HTML代码:

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</form>

JS代码:

function getMailtoUrl() {

var args = [];

if (typeof subject !== 'undefined') {

args.push('subject=' + encodeURIComponent('主题内容'));

}

var name = $("input[name='name']").val();

var iphone = $("input[name='iphone']").val();

var body = name +"\n"+iphone

if (typeof body !== 'undefined') {

args.push('body=' + encodeURIComponent(body))

}

var url = 'mailto:' + encodeURIComponent('service@kashuo.com');

if (args.length > 0) {

url += '?' + args.join('&');

}

console.log(url);

window.location = url;

return url;

}

</script>

阅读全文

0 0