HTML表单教程
网站的一个共同特点是很多新的网页设计师都在苦苦挣扎。 您可能希望将表单添加到您的网站,作为人们与您联系以便提出问题或对您提供的产品或服务表达兴趣的简单方式。 不幸的是,关于如何添加复杂的网站表单的在线教程可能会令人困惑,并将新的Web专业人员带走。
即使是新的webbies,Web表单也不需要很难处理。
Mailto表单是使表单工作的一种简单方法。 他们依靠电子邮件客户端将表单数据从客户的计算机发送给表单所有者。 网站用户完成的表单数据将通过电子邮件发送到表单编码中指定的特定地址。
如果您对网页设计不熟悉,而且您不知道如何编程更复杂的交互,或者您正在运行一个小型网站,并且只想要一种简单的方式来添加表单,那么将mailto表单作为联系表单很重要比学习编写PHP更容易。 这比购买预先写好的脚本来为你做更便宜。
有了这个快速教程,学习如何使用mailto表单。 即使你以前从未这么做,掌握这项技术也很容易,当然也是在“开始网页设计”领域。
入门
对于新的Web开发人员来说,HTML表单可能具有挑战性,因为它们不仅仅需要学习HTML标记。 除了创建表单及其字段所需的HTML元素之外,还必须有一些方法让表单“工作”。 这通常需要访问CGI脚本或其他程序以在表单的“action”属性中创建。
该行为是表单处理数据的方式,以及之后的处理方式(写入数据库,发送电子邮件等)
如果您无法访问能够使您的表单正常工作的脚本,则大多数现代浏览器都支持一种表单操作。
action =“ mailto:youremailaddress ”
这是从您的网站获取表单数据到您的电子邮件的简单方法。
无可否认,这个解决方案的功能非常有限,但对于非常小的网站来说,这是一个很好的开始。
使用Mailto表单的技巧
使用enctype =“text / plain”属性
这告诉浏览器以及电子邮件客户端,表单发送纯文本而不是更复杂。 一些浏览器和电子邮件客户端发送为网页编码的表单数据。 这意味着数据将作为一个长行发送,空格替换为加号(+),其他字符被编码。 使用enctype =“text / plain”属性有助于使数据更易于阅读。
使用GET或POST方法
虽然POST方法有时可用,但它通常只会导致浏览器打开空白的电子邮件窗口。 如果GET方法发生这种情况,请尝试切换到POST。
示例Mailto表单
下面是一个使用mailto动作的示例表单(注意 - 这是非常简单的标记,理想情况下,您可以使用更多的语义标记和元素对这些表单字段进行编码,但本示例对本教程的范围而言已足够):
你的名字:
您的姓氏:
评论:
FORM>
您的客户会看到一条消息,表明该表单正在通过电子邮件提交。 这就是结果的样子:
如first_name =珍
姓氏= Kyrnin
评论=你好!
有关Mailto表格的特别说明
再次,这个方法虽然简单,但也非常有限。 显然,重要的是要注意, mailto表单并不总是适用于浏览器和电子邮件客户端的所有组合。 如果您尝试使用mailto表单并且不成功,这可能就是为什么 - 可能会导致该功能失败的技术组合。 有关可能干扰您尝试使用此类表单的更多详细信息,请参阅“ 当Mailto表单不起作用” 。
虽然这种方法是创建生成电子邮件和发送表单数据的Web表单的第一次尝试,但随着您在Web技能方面更先进,您一定会想要探索更强大的选项。 从CGI脚本到PHP表单到内置表单小部件的CMS平台,您都有充足的高级选项可供您考虑,以满足您未来网站表单的需求!
Jennifer Krynin的原创文章。 由Jeremy Girard于9/12/17编辑