HTML mailto 标签用法

如何使用mailto?

1)基本用法

<a href=mailto:sample@163.com>send email</a>

或者

<form action="mailto:sample@163.com">

</form>

mailto后跟的是收信人。

可使用参数列表

to 收信人

suject 主题

cc 抄送

bcc 暗抄送

body 内容

参数传递方式同页面之间传递值一样,可以使用查询字符串,也可以用form

querystring方式:


<a href="mailto:sample@163.com?subject=test&cc=sample@hotmail.com&body=use mailto sample">send mail</a>


form方式

<form name='sendmail' action='mailto:sample@163.com'>

<input name='cc' type='text' value='sample@hotmail.com'>

<input name='subject' type='text' value='test'>

<input name='body' type='text' value='use mailto sample'>

</form>

两种方式同样传递所有参数。

2)示例说明


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> Send Email </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

<script>

Date.prototype.toString=function()

{

    var d = new Date();

    var ret = d.getYear();

    var m = d.getMonth()+1;

    ret+=m.length>1?m:'0'+m;

    var date= d.getDate();

    ret+=date.length>1?date:'0'+date;

    return ret;    

}

var initSubject='test'+new Date().toString(),initTo='sample@163.com',initCC='sample@hotmail.com',initBody='use mailto sample';


function submitHandler()

{

    var subject = subText.value;

    var to = toText.value;

    var cc = ccText.value;

    var body = bodyText.value;

    mailTo.href="mailto:"+to+"?cc="+cc+"&subject="+subject+"&body="+body;

    mailTo.click();

}

function init()

{

    subText.value=initSubject;

    toText.value=initTo;

    ccText.value=initCC;

    bodyText.value=initBody;

}

</script>

<style>

.label{font-weight:bold;postion:absolute;width:80px;}

.head{font-color:black;font-weight:bold;}

.bd{float:left;width:77px;font-weight:bold;}

</style>

 <BODY onload="init()">

 <div class="head">Use mailto Send Email</div>

 <div>

 <span class="label">Subject:</span><input id="subText" type="text" size=50 value="TM V14.2 Bug Fix Questions_20080221">

 </div>

 <div>

 <span class="label">To:</span><input id="toText" type="text" size=50 value="">

 </div>

 <div>

 <span class="label">CC:</span><input id="ccText" type="text" size=50 value="">

 </div>

 <div>

 <span class="bd">Body:</span><textarea id="bodyText" rows=20 cols=100></textarea>

  </div>

 <input name="btSend" type="button" value="send email" onclick="submitHandler();">

 <a href="mailto:" id="mailTo"></a>

 </BODY>

</HTML>


转载于:https://my.oschina.net/softwarechina/blog/188059

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值