mailto邮件表单技术在网站建设开发中应用示例说明


来源:网站优化外包 作者:坪山网站建设公司 日期:2019-01-20 浏览:

在网站建设开发过程中,你可能希望将表单添加到你的网站,作为一种简单的方式,让人们与您联系,提出问题或表达对您提供的产品或服务的兴趣。不幸的是,有关如何添加复杂站点表单的在线教程可能会让人感到困惑,并使新的网站建设专业人员望而却步。其实使用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 enctype="text/plain" method="get" action="mailto:webdesign@aboutguide.com"> Your First Name: <input type="text" name="first_name"><br> Your Last Name: <input type="text" name="last_name"><br> Comments: <textarea rows="5" cols="30" name="comments"></textarea> <input type="submit" value="Send"> </form>
您的客户将看到一条消息,说明表单是通过电子邮件提交的。结果如下:
first_name=Jennifer last_name=Kyrnin comments=Hi there! 
关于邮件格式的特别说明
这种方法虽然简单,但也很有其限制。显然,需要注意的是,mailto表单并不总是适用于浏览器和电子邮件客户端的所有组合。如果您尝试使用mailto表单,但没有成功,这可能就是原因-可能有一些技术组合导致该功能失败。有关可能干扰您使用此类表单的尝试的更多详细信息,请参阅“When mailto Forms Don‘t Work(当mailto表单不起作用)”。虽然这种方法在创建生成电子邮件和发送表单数据的Web表单方面是一个很好的首次尝试,但随着您在Web技能方面的提高,您肯定希望探索更健壮的选项。从CGI脚本到PHP表单,再到具有内置表单小部件的CMS平台,您有很多高级选项可供考虑,以满足您未来的网站表单需求。
深圳市圣玺网络技术有限公司提供坪山区域的营销网站建设、品牌网站设计、企业网站改版制作、网站优化外包、网络营销推广、百度霸屏、SEO按天按效果付费等互联网广告服务!
本文由网上采集发布,不代表本站立场,转载联系作者并注明出处:http://www.webgaiban.cn/wzyh/1757.html

X

截屏,微信识别二维码

微信号:15019448256

(点击微信号复制,添加好友)

  打开微信