大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。当然有关mailto标签的使用,并不仅仅就象上面所说的那样简单,它还有其他方面的应用。为了能帮助各位用户对mailto标签有一个全面的认识,笔者在此就对mailto标签的使用做一个详细的总结,希望能与大家共享交流!1、如果我们在网页中创建一个形如“mailto: [email protected]”这样的超级连接时,用鼠标单击一下该超级连接的话,浏览器会自动调用系统默认的邮件客户端程序,同时在邮件编辑窗口的收件人设置栏中自动写上收件人的地址,而其他的内容都是空白,留给访问者自行填写;2、要是大家在单击电子邮件超级连接时,希望系统自动打开的电子邮件编辑窗口中,除了在收件人地址栏中自动填写上内容外,在抄送地址栏中也能自动填写上自己需要的电子邮件地址的话,就可以直接在网页的html源代码中插入形如“mailto: [email protected][email protected]”这样的语句,其中[email protected]将会自动出现在收件人地址栏中,[email protected]则会自动出现在抄送地址栏中;3、如果大家希望在弹出的邮件编辑窗口中能自动将邮件的主题内容填上的话,可以使用形如“mailto: [email protected]?subject='mailto'应用技巧拾零”这样的html语句,当浏览者用鼠标单击由该语句组成的电子邮件超级连接时,在随后打开的邮件编辑窗口的收件人地址栏中自动出现[email protected],主题设置栏中将自动出现“‘mailto'应用技巧拾零”这样的内容;4、如果想在收件人地址栏中同时输入多个电子邮件地址时,那么就可以使用形如“mailto: [email protected][email protected]”这样的语句,记住每个电子邮件之间用“;”隔开,这样当浏览者单击由该语句创建的电子邮件超级连接时,在弹出的邮件编辑窗口的收件人地址栏中同时会出现[email protected][email protected]这样的收件人地址,浏览者就能同时向这些人发送电子邮件;5、在网页中出现的邮件地址经常会被一些诸如“mail-robot”的自动搜索程序搜索到,这样其他人很容易利用搜索到的邮件地址来向你发送各种各样的垃圾邮件,为了能将这些垃圾邮件拒之于千里之外,我们可以将在网页上公开的邮件地址写成ASCII码形式,同时要记住每一个ASCII码前面都必须添加“&#”,例如我们在网页中使用“mailto: [email protected]”这样的语句来创建电子邮件超级连接的话,单击该超级连接后,我们发现在随后打开的邮件收发窗口中,收件人地址栏中仍然会显示[email protected]这样的内容,而其他的各种邮件自动搜索工具都不能正确识别这样的ASCII代码,因此用户收到的各种来历不明的垃圾邮件就会大大减少;6、一般情况下,浏览者单击电子邮件超级连接时,系统在默认打开的邮件客户端软件中,只是自动在收件人地址栏处填上内容,而其他设置栏处仍然显示为空白,如果大家还希望自动把主题、抄送、暗送甚至内容都填写上的话,就可以使用形如“mailto: [email protected][email protected]&[email protected]&subject=‘mailto'应用技巧拾零&body=mailto标签的综合应用举例说明!”这样的语句,在这个语句中第一个功能以“?”开头,后面的每一个功能以“&”开头;当用鼠标单击这个邮件地址时,在随后打开的邮件编辑窗口中,我们将看到在收件人地址栏中自动填写上了[email protected],在抄送地址栏中自动填写上了[email protected],在暗送地址栏中自动填写上了[email protected],在主题栏中自动填写上了“‘mailto'应用技巧拾零”,在信件的正文部分将自动出现“mailto标签的综合应用举例说明!”这样的文字。上面出现的[email protected][email protected][email protected]都是为方便说明,而由笔者随意设置的,大家可以根据自己的要求,用自己真实的邮件地址来代替他们;此外,如果要使用mailto同时实现多个功能的话,第一个功能必须以“?”开头,后面的每一个功能都以“&”开头;另外,cc后为抄送地址,bcc后为暗送地址,subject后为邮件的主题,body后为邮件的内容。

解决方案 »

  1.   

    gjd111686(数字金刚)兄台可能有些答非所问,我现在要的是把表单里用户填写的信息怎么样集中到mail的body里去?
      

  2.   

    测试通过了.<html>
    <head>
    <title>以邮件形式提交表单!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
    </head><body bgcolor="#ffffff">
     
    <h2>以邮件形式提交表单!</h2>
    <form action="mailto:[email protected]" enctype="multipart/form-data" name="test111" id="test111">
      <p>
      </p>
      <p>您的姓名: 
        <input type="text" name="yourName" id="textID"/>
      </p>
      <p> 性  别: 
        <select name="sex">
          <option selected>请选择</option>
          <option value="男">男</option>
          <option value="女">女</option>
        </select>
      </p>
      <p>所在城市: 
        <input type="radio" name="city" value="北京" id="radiobuttonID"/>
        北京 
        <input type="radio" name="city" value="上海" id="radiobuttonID"/>
        上海 
        <input type="radio" name="city" value="广州" id="radiobuttonID"/>
        广州</p>
      <p>爱  好: 
        <input type="checkbox" name="Favorites" value="运动" id="checkboxID" />
        运动 
        <input type="checkbox" name="Favorites" value="音乐" id="checkboxID" />
        音乐 
        <input type="checkbox" name="Favorites" value="文学" id="checkboxID" />
        文学</p>
      <p>其它信息: 
        <textarea name="textfield" id="textID" cols="32" rows="2"></textarea>
      </p>
      <p></p>
    </form>
    <form action="mailto:[email protected]" enctype="multipart/form-data" name="mail" id="mail"
    onsubmit="getAllText('test111')">
        <input name="Subject" type="hidden" value="我的邮件标题" />
        <input name="Body" type="hidden" value="这里是邮件的主体!" />
        <input type="Submit" name="Submit" value="Submit"/>
    </form>
    </body>
    </html><script>
    var subinfo = new Array();
    function getAllText(f)

    /* 
     * getAllText(f)
     * 功能:遍历表单f的所有选项.参数f:表单的id
     * 返回:数组格式[n][0]="表单项的name",[n][1]="表单项的value"
     * author:wanghr100(灰豆宝宝.net)
     *
     */    el = document.forms[f].elements;
        for(var i=0;i<el.length;i++)
        {
            //遍历select
            if(el[i].type=="select-one"||el[i].type=="select-multiple")
            {
                elname = el[i].name;
                for(var j=0;j<el[i].options.length;j++)
                {
                    if(el[i].options[j].selected)
                    {
                        subinfo[subinfo.length]=[elname,el[i].options[j].value];
                    }
                }
            }
            //遍历checkbox
            if(el[i].type=="checkbox"&&el[i].checked)
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
            //遍历radio
            if(el[i].type=="radio"&&el[i].checked)
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
            //遍历radio
            if(el[i].type=="textarea"||el[i].type=="text")
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
        
        }
        document.all.Body.value=subinfo.toString();
    }
    </script>
      

  3.   


     wanghr100(灰豆宝宝.net)老兄,我这样写为什么不行呢,我错在哪里啦?
    <html>
    <head>
    <title>以邮件形式提交表单!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
    <script type="text/javascript" language="javascript">
    var subinfo = new Array();
    function getAllText(f)

    /* 
     * getAllText(f)
     * 功能:遍历表单f的所有选项.参数f:表单的id
     * 返回:数组格式[n][0]="表单项的name",[n][1]="表单项的value"
     * author:wanghr100(灰豆宝宝.net)
     *
     */    el = document.forms[f].elements;
        for(var i=0;i<el.length;i++)
        {
            //遍历select
            if(el[i].type=="select-one"||el[i].type=="select-multiple")
            {
                elname = el[i].name;
                for(var j=0;j<el[i].options.length;j++)
                {
                    if(el[i].options[j].selected)
                    {
                        subinfo[subinfo.length]=[elname,el[i].options[j].value];
                    }
                }
            }
            //遍历checkbox
            if(el[i].type=="checkbox"&&el[i].checked)
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
            //遍历radio
            if(el[i].type=="radio"&&el[i].checked)
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
            //遍历textarea和text
            if(el[i].type=="textarea"||el[i].type=="text")
            {
                elname = el[i].name;
                subinfo[subinfo.length]=[elname,el[i].value];
            }
        
        }
        document.all.Body.value=subinfo.toString();
    }
    </script>
    </head><body bgcolor="#ffffff" >
     
    <h2>以邮件形式提交表单!</h2><form action="mailto:[email protected]" enctype="multipart/form-data" name="mail" id="mail" onsubmit="getAllText('test111')">
        <input name="Subject" type="hidden" value="我的邮件系统,欢迎使用">
        <input name="Body" type="hidden" value="这里是邮件的主体!">  <!-- 这里是不是有问题?-->
      <p>您的姓名: 
        <input type="text" name="yourName" id="nm01"/>
      </p>
      <p> 性  别: 
        <select name="sex">
          <option selected>请选择</option>
          <option value="男">男</option>
          <option value="女">女</option>
        </select>
      </p>
      <p>所在城市: 
        <input type="radio" name="city" value="北京" id="ct00"/>
        北京 
        <input type="radio" name="city" value="上海" id="ct01"/>
        上海 
        <input type="radio" name="city" value="广州" id="ct02"/>
        广州</p>
      <p>爱  好: 
        <input type="checkbox" name="Favorites" value="运动" id="chk00" />
        运动 
        <input type="checkbox" name="Favorites" value="音乐" id="chk01" />
        音乐 
        <input type="checkbox" name="Favorites" value="文学" id="chk02" />
        文学</p>
      <p>其它信息: 
        <textarea name="otherinfo" id="oi01" cols="32" rows="2"></textarea>
      </p>
      <p>
        <input type="submit" name="Submit" value="提交" />
    </p>
    </form></body>
    </html>
      

  4.   

    偶写的是分开的啊.
    两个form 
    取出form的name为test111的数据,
    存到form的name为mail的隐藏文本域里面.
    而你写的只有一个form啦....按照偶上面的写法.就行了.能达到一样的效果的.