现在你看到的这个页面是1.0版本
现在已经有了2.0版本的介绍和直接调用,欢迎访问 http://bbs.kevin-ying.com/forum.php?mod=viewthread&tid=1045 获取
name名词 | 对应 | amail | 管理员接收邮件地址 | name | 用户名称 | sex | 性别 | size | 数量 | age | 年龄 | hurl | 来源URL | iurl | 发送成功后返回url | address | 用户住址 | zipcode | 邮编 | mobile | 用户手机 | email | 用户Email | qq | 用户QQ | title | 邮件主题(收邮件时看到的主题) | message | 用户附言 |
|
|
静态代码
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>Mr'Kev 提供的Email发送API</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="http://date.kevin-ying.com/admin/view/sys_admin/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="http://date.kevin-ying.com/admin/view/sys_admin/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
<!-- END PAGE LEVEL STYLES -->
<link rel="shortcut icon" href="http://www.kevin-ying.com/favicon.ico" />
<style>
.input-icon {margin-right: 5px;}
.btn {width: 50%;text-align: center;}
input {height: 30px;}
.form-actions{ background-color:#fff;}
</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body bgcolor="#FFFFFF" class="page-header-fixed">
<div class="portlet-body form" style=" background-color:#fff;margin:5px auto 5px auto; padding:5px; max-width:800px;">
<form action="http://www.kevin-ying.com/api/api_email.asp?act=submit" method="post" class="form-horizontal">
<div id="did" style="display:none;"><!--用于设置来源,目标Email,邮件主题-->
<input type="text" name="hurl" value="<%response.write Request.ServerVariables("HTTP_REFERER")%>" /><!--这里是来源地址URL产生器,请勿修改-->
<input type="text" name="amail" value="cn@kevin-ying.com" /><!--这里设置您的收件邮箱,替换Email地址即可-->
<input type="text" name="title" value="这是一封来自您网站的服务邮件" /><!--这里设置您收件的主题,方便您及时查看-->
<input type="text" name="iurl" value="<%response.write Request.ServerVariables("HTTP_REFERER")%>" /><!--这里设置发送成功后返回的网址-->
</div>
<div class="control-group warning">
<label class="control-label">称呼</label>
<div class="controls input-icon">
<input type="text" name="name" class="span6 m-wrap" />
</div>
</div>
<div class="control-group">
<label class="control-label">性别</label>
<div class="controls">
<select class="span6 m-wrap" multiple="multiple" name="sex" data-placeholder="Choose a Category" tabindex="1" style="height:43px;">
<option value="女士">女士</option>
<option value="先生">先生</option>
</select>
</div>
</div>
<div class="control-group error">
<label class="control-label">收货地址</label>
<div class="controls input-icon">
<input type="text" name="address" class="span6 m-wrap" />
</div>
</div>
<div class="control-group error">
<label class="control-label">手机</label>
<div class="controls input-icon">
<input type="text" name="mobile" class="span6 m-wrap" />
</div>
</div>
<div class="control-group error">
<label class="control-label">QQ</label>
<div class="controls input-icon">
<input type="text" name="qq" class="span6 m-wrap" />
</div>
</div>
<div class="control-group">
<label class="control-label">数量</label>
<div class="controls">
<div class="input-prepend input-append"> <span class="add-on">→</span>
<input class="m-wrap " name="size" type="text" />
<span class="add-on">.00</span> </div>
</div>
</div>
<div class="control-group success">
<label class="control-label">Email</label>
<div class="controls input-icon">
<input type="text" name="email" class="span6 m-wrap" />
</div>
</div>
<div class="control-group">
<label class="control-label">附言</label>
<div class="controls">
<textarea class="span6 m-wrap" name="message" rows="5"></textarea>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn blue m-wrap">送出</button>
</div>
</form>
<!-- END FORM-->
</div>
</body>
<!-- END BODY -->
</html>
理论上直接COPY以上代码就可以直接使用了,为了让你更具有个性的展示自己,需要备注的是 id="did"内的 input,如下:
[HTML] 纯文本查看 复制代码 <div id="did" style="display:none;"><!--用于设置来源,目标Email,邮件主题-->
<input type="text" name="hurl" value="<%response.write Request.ServerVariables("HTTP_REFERER")%>" /><!--这里是来源地址URL产生器,请勿修改-->
<input type="text" name="amail" value="cn@kevin-ying.com" /><!--这里设置您的收件邮箱,替换Email地址即可-->
<input type="text" name="title" value="这是一封来自您网站的服务邮件" /><!--这里设置您收件的主题,方便您及时查看-->
<input type="text" name="iurl" value="<%response.write Request.ServerVariables("HTTP_REFERER")%>" /><!--这里设置发送成功后返回的网址-->
</div>
看注释一般都能明白啥意思,需要提到的是 如何让网站动态返回源址 和 来源地址的邮箱,代码上是 基于 ASP 的获取URL代码,附上PHP的代码如下贴:
http://bbs.kevin-ying.com/forum.php?mod=viewthread&tid=898
看看就能明白,替换掉即可:
thinkPHP
直接将:
[AppleScript] 纯文本查看 复制代码 <%response.write Request.ServerVariables("HTTP_REFERER")%>
替换成:
[HTML] 纯文本查看 复制代码 http://you domain name.com__SELF__
即可
上述是必须具备的条件,否则将不会成功
静态代码前台UI采用 bootstrap 框架,支持html万屏适应处理
这个邮件不会在服务器邮箱有任何备份,请放心使用有问题请在此留言
即使我不是雷锋,也不用过多的感谢我!
|