您的位置：首页 > Web前端 > HTML

如何在html网页中提交表单直接发送到邮箱

2011-09-06 10:12 621 查看
 
如何在html网页中提交表单直接发送到邮箱？此问题一直困扰了我很久很久，后来了解到jmail组件可以解决此问题，而且现在的付费空间基本都会有此组件。分别建立表单页和asp页面，提交表单后通过asp页面调用jmail组件，实现将表单内容发送到指定邮箱的效果。

具体实现方法：

1.制作一个表单页面form.html（或修改自己网站上的表单页面，因为接下来与*.asp文件进行数据传递，所以对应的参数一定要写对），name="form" method="post" action="s.asp





2.制作一个s.asp页面

3.让这两个文件上传到空间的形同路径下就可以实现提交表单后，表单内容自动发送到指定的邮箱,相应的会出现下面的页面





4.form.html对应的代码如下（将下面的代码复制后粘贴到记事本中，保存为form.html）：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>form</title>

</head>

<body>

<form id="form" name="form" method="post" action="s.asp">

  <table width="550" border="1" align="center">

    <tr>

      <td width="183" align="right" valign="top">Company:</td>

      <td width="401"><label>

        <input name="company" type="text" id="company" maxlength="25" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top">Website:</td>

      <td><label>

        <input name="website" type="text" id="website" value="http://" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">First name:</span></td>

      <td><label>

        <input name="fname" type="text" id="fname" maxlength="15" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">Last name:</span></td>

      <td><label>

        <input name="lname" type="text" id="lname" maxlength="15" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">Email address:</span></td>

      <td><label>

        <input name="email" type="text" id="email" maxlength="20" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">Phone:</span></td>

      <td><label>

        <input name="phone" type="text" id="phone" maxlength="20" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">Country:</span></td>

      <td><label>

        <input name="country" type="text" id="country" maxlength="15" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">City / Locality:</span></td>

      <td><label>

        <input name="city" type="text" id="city" maxlength="15" />

      </label></td>

    </tr>

    <tr>

      <td align="right" valign="top"><span class="STYLE39 STYLE42">Message:</span></td>

      <td><label>

        <textarea name="message" cols="55" rows="10" id="message"></textarea>

      </label></td>

    </tr>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html website input email class 邮件服务器
相关文章推荐
新的分享
章节导航