HTML实现form to mail

1、创建一个HTML文件，命名为test.html，用于介绍form表单的各个元素。

2、创建一个form表单，以<form>开头，以</form>结束标签结尾。

3、在test.html中，编写三个input元素，实现一个输入框，一个单选，这三个元素必须有name属性，表单提交时必须有name属性才能正常提交。

4、在页面中添加一个提交的按钮，类型为submit，用于点击提交表单内容，这个也是必须的。

5、在form标签中增加action属性，这个属性用来设置表单提交的地址，这个地址用于接收并处理表单提交过来的数据，也是必须的。

6、为form表单添加method属性，这个属性用于设置数据提交的方式，有两种方式，一种是GET方式，即在URL中传递表单参数，另一种是POST方式，直接提交表单参数。

7、form表单还有一个name属性，一个表单的情况下可以不设置，但同一个页面有多个表单时，必须设置以区分不同的表单。

8、至此，完成表单的设置。以上的参数设置正常，表单才能正常提交数据。

发送HTML文件很简单的。

具体方法是：

1. 打开邮箱，点击写邮件

2. 切换为代码输入方式

这里要注意的是必须要将内容输入框切换为代码输入方式（HTML输入框方式），即，点击邮箱的内容工具栏上的“源代码”或

“HTML”按钮（注：不同的邮箱此按钮不同，比如163邮箱的是<>，而QQ邮件则是</>）后，然后将代码输入框中的默认代码全部删除（比如<div>、</div>、<br>等等）。

然后，粘贴代码到内容区。见下图。

3. 发送邮件，完成。

发送邮件方法

发送完成后效果如下：

邮件效果

首先，我们先说一下如何制作图文HTML邮件。

有两种方法或途径可以制作图文HTML邮件。

一、自己写代码

自己写代码是终极的方法，但如果不是专业人员，自己写制作图文邮件的代码，那就太难了，反正有很多坑，不再细说。

非专业人员，建议不要尝试这种方法，不但时间和成本都很高，而且经常乱码和错位，造成邮件无法使用。

二、使用现成的平台

最有效的方法是：使用别人做好的现成的平台来写HTML邮件，这种方法做邮件就很简单了，可以说人人都会。这种方法使用现成的模板，只需要将文字或图片修改为自己的，生成代码后就制作好了邮件，更重要的是还可以在原来的基础上再次重新设计和布局，从而制作自己的独具特色和结构布局的专业邮件。

这种方法不但跳过了写代码这一步，而且其模板都是经过复制测试，兼容性很高，不会出现乱码和错位的情况。具体怎么做，请自行百度搜索“图文并茂+邮件”，很快就能找到的制作方法了。

其次，我们来说一下如何发送HTML邮件。

发送图文HTML邮件也很简单，发送方法如下：

首先，复制邮件代码，然后打开自己的邮箱，将内容区转换为代码输入方式，粘贴代码，就可以发送邮件了。详见下图（图1为QQ邮箱，图2为163邮箱）。

---