拍拍尘土

怎样通过HTM页面直接提交到Email的表单
 
解决思路：
关键点是设置表单的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.方法一完整代码

注意：
l 表单的action值的格式必须为"mailto:目标Email地址"，这个跟做Email链接时类似。
l enctype(MIME编码)必须设置为"text/plain"(文本)，否则收到的邮件是乱码。
l 表单的method属性不能设置为post，必须为get(默认不设置时为get)，否则邮件的格式跟用户输入的不符合。
 
(方法二) 具体步骤：  
 
案例 ：
HTML代码:
<form name="form" method="post" action="mailto:service@kashuo.com" enctype="text/plain">
        <table cellpadding="0" cellspacing="0">
               <tr>
                    <th>姓名</th>
                    <td><input type="text" name="name" class="popup-btn"></td>
               </tr>
 
               <tr>
                    <th>联系电话</th>
                    <td><input type="text" name="iphone" class="popup-btn"></td>
               </tr>
 
               <tr>
                    <td></td>
                    <td><input name="close" type="bottn" οnclick="getMailtoUrl()" class="popup-btn popup-btn1" value="提交申请">
                    </td>
               </tr>
        </table>
</form>
 
JS代码:
<script type="text/javascript">
        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>
 
 


注)参考网站
http://www.5icool.org/a/201003/308.html
http://www.w3dev.cn/article/20111008/form-action-mailto-protocal.aspx
http://it.taocms.org/10/8905.htm

文章：https://blog.csdn.net/u013592575/article/details/52624240

演示文件： 点击下载