网上有无数的联系表单示例,为什么选择这个?
- 它很**简洁**
- 它是**免费的**
- 它**有效**
- 它是**有效的**
- 并且它使用 CSS 进行样式设置
看一看。下载它。拆解它。随心所欲地使用它。
查看它生成的干净漂亮的电子邮件
请注意: 我收到了很多关于此示例的支持请求。它仍然可以正常工作,当然这取决于很多因素,例如 1) 您是否在具有运行 PHP 的实际服务器环境中使用它? 2) 您是否正确上传了文件以及所有相互引用的文件? 3) 您的文件权限是否正常? 等等...
我无法帮助您在您的网站上运行它。抱歉,我实在没有时间。如果您有兴趣尝试,学习 PHP 并让它正常工作,可以尝试访问 论坛 寻求帮助。
如果您只想在您的网站上轻松设置一个表单,可以使用 Wufoo.
更新
读者 Toni 提供了适用于 Windows 服务器的解决方案
/* Modification by Toni for Windows servers */
ini_set("sendmail_from", "[email protected]");
垃圾邮件防护???
非常感谢您提供这个简单易用的联系表单……即使我在网上搜索了 2-3 天,也无法理解其他脚本……但只需要几分钟就能理解并运行这个……再次感谢,它非常非常有用,特别是对于像我这样的初学者;)
我想保持简单,因此该脚本没有内置的垃圾邮件防护。
但是,**如果您想实施垃圾邮件防护**,使用像 reCaptcha 这样的工具相当容易。
查看 此表单使用 reCaptcha 的示例。
早上好,Coyier 先生,
感谢您展示了您简单易用的联系表单。
我完全是网页设计新手,还在使用 Apple iWeb 应用程序。(我知道您会笑)
无论如何,我正在学习如何使用 Dreamweaver CS4。
您是否为像我这样的人提供课程或任何类型的帮助?
感谢您,祝您度过美好的一天
Vincenzo
我个人对看到表格用于表单布局感到有些失望。这里有很多方法可以使用 CSS 进行布局,为什么选择表格?
此外,我敢说,不使用标签是一种可访问性**犯罪**。
怎么回事?
抱歉在那里排除了标签,它们现在已经包含了,那是一个严重的疏忽。
…
你知道吗,我本来打算为自己辩护,说这是表格的有效用法,因为它易于垂直居中等等,但我错了。CSS 是这里的最佳选择。我已经更新了示例,使用纯 CSS 样式。感谢您指出我的错误,这样更好。
第二个 (ReCaptcha) 表单上的“下载此示例”与第一个 (我比较了源代码,“index.html”在两个 ZIP 文件中相同)。
具体来说,在使用 ReCaptcha 的示例中 -
https://css-tricks.org.cn/examples/NiceSimpleContactForm2/
([ 下载此示例 ])
否则,CSS 中的表单示例干净简洁……感谢您!
C
@Charlie:感谢您指出这一点,实际上我刚刚从该示例中删除了下载链接。我并没有打算让它可下载,因为它只能在该页面上运行。
reCaptcha 的工作方式是,您需要特定网站的许可证密钥才能使其正常工作。如果您只是访问 他们的网站,他们提供了关于如何在各种编程环境中安装它的详细教程,从 PHP 到简单的 WordPress 插件。
那么 contactengine.php 怎么办?
我们如何将 recaptcha 放入其中?
您应该遵循他们的说明,但是是的,您需要更新引擎
require_once(‘recaptchalib.php’);
$privatekey = “您的私钥”;
$resp = recaptcha_check_answer ($privatekey,
$_SERVER[“REMOTE_ADDR”],
$_POST[“recaptcha_challenge_field”],
$_POST[“recaptcha_response_field”]);
if (!$resp->is_valid) {
die (“未正确输入 reCAPTCHA。返回并重试。” .
“(reCAPTCHA 说:” . $resp->error . “)”);
}
Chris,非常感谢您提供简单的评论表单。
效果很好。
太棒了!!!
我的意思是简单的联系表单,不是评论表单。抱歉!!
我正在尝试将 recaptcha 集成到 index.html,但不知道如何操作,他们的网站没有提到如何将他们的代码添加到 HTML 页面。我是否遗漏了什么?有没有可能获得 recaptcha 的下载版本,我们只需要更改公钥/私钥?
谢谢,
SW
@SW:我一开始包含 reCapcha 只需遵循他们的网站上的说明。我相信它们就在那里。
Chris,
一切都很好,但是;它似乎没有验证字段(我可以在没有任何文本的情况下按提交)(并且它没有将表单发送到我在 contactengin.php 中更新的电子邮件地址)
您可以在此处查看表单:http://www.pittandsecond.com/test/
任何帮助将不胜感激
J
糟糕……我再次测试了一下,它正在将信息发送到我的电子邮件(因此已修复),但它仍然没有验证字段。
@Jason:它根本没有进行任何验证。这基本上是“简单”的部分。我相信你可以以某种方式构建它,我最近甚至看到了用 jQuery 完成的非常棒的轻量级方法,但我记不起具体在哪里。如果您担心垃圾邮件,请查看集成了 reCaptcha 的版本。我建议您使用 Wufoo 创建表单,它们有免费计划,使用非常简单,并且可以创建非常非常漂亮的表单。
感谢您将其提供给所有人。
您能说明如何“安装”它或将其添加到我们的网站吗? 还是只需将其复制到根目录? 因为我已经这样做了,但它没有发送电子邮件……
再次感谢。
Tim。
好吧,它花了一些时间,但电子邮件终于收到了……
谢谢。这很棒。
不错的网站,我想了解更多关于 CSS 和您在网站上添加的评论脚本的信息。
Chris,感谢您提供了一个非常有趣的示例和更新。
不幸的是,我刚发现我的托管服务在我的订阅级别不支持 php,他们要求收取 $$$ 来转换为支持它的套餐,有没有办法在不使用 php 的情况下实现相同的级别功能?
感谢任何信息
A
@Andrew:实际上没有……对于主机来说,即使是最基本的套餐也不提供 PHP 真的很不寻常。也许可以考虑更换主机。或者直接使用 Wufoo.com。我喜欢 Wufoo,表单制作起来非常容易,您只需将一些 iframe 代码放到您的页面上,就可以立即拥有一个可用的表单。
感谢您,Chris!
我会按照您的建议看看 Wufoo!
一切顺利
A
嗨,我在使用它时遇到问题。它一直跳转到错误页面,我已经更改了电子邮件地址,所以不知道问题出在哪里……请帮忙……
嗨,我正在尝试获得更漂亮的提交操作 - 而不是跳转到新页面,我想要激活一些 AJAX 效果 - 现在我已经能够用
但现在它没有激活表单发送 - 有没有办法从 PHP 文件中触发这些效果?这样它就可以执行上述效果,而不是生成一个新页面?
我正在这里进行:http://dexmultimedia.com/working/adv/index.html
亚当,你在 http://dexmultimedia.com/working/adv/index.html 上的联系表单很酷 - 有机会分享代码吗?
保罗
我无法让代码正确显示 - 你可以在这里查看
http://pastebin.com/f3ce7afc1
谢谢克里斯!这是我在任何地方找到的唯一真正简单的表格,而且它运行良好!感谢分享!
克里斯你好。喜欢你的网站,你能告诉我是否有必要让所有消息都通过 [email protected] 路由,或者我可以更改它?
我只是网页设计新手,继续吧!干杯!
@乔恩:我的电子邮件地址只是示例... 请在实际使用此功能时将其更改为您的电子邮件地址 =)。
不错。我已经解决了这个问题。
很棒的表格,完美
我已经将其运行起来了:http://www.designbyok.com/contact.html
不过有一个问题,在消息字段(文本区域)中,当您键入超过字段宽度时,文本不会换行,而是继续并向字段添加滚动条,这不太好。有什么想法如何让它换行吗?
谢谢!
@马特 OK:看起来它对我来说是换行的,确保您键入的是实际的单词,而不仅仅是一串没有空格的字母。此外,确保它是一个文本区域而不是一个输入(看起来它是一个)
你好。我无法使其正常工作,我不知道为什么!我从我的托管公司获得了 php 支持,并且我已经输入了我的电子邮件地址作为接收者。
我还尝试过将其发送到不同的电子邮件地址……
您是否可以看看并提供一些建议?
我将不胜感激……
萨姆
嗨,只想说声感谢您提供这个教程
我是一个“边学边做/自学”的博主/网站设计师,我发现如何创建一个网页联系表单的答案特别难以找到
这正是我想要的东西的完美教程,同时,你的博客非常非常棒!
谢谢!
萨姆 h
我该怎么做才能让某些字段成为必填字段?
首先感谢您分享您的代码。
我已经在我的网站上多次尝试了您的代码,我做了很多更改,添加了标题,但不幸的是,php 无法正确发送/显示包含符号的电子邮件,例如 € 等.. 由于我需要我的用户以 € 报价,并将其自动发布到网站,我确实需要这些 € 显示(é è 也是..)。
我非常确定它必须在某个地方有一个 $header,但我无法将其添加到您的脚本中。
您能帮帮我吗?
好吧.. 这是一个简单的问题.. 我使用的 html 和 header 不同。问题现在已经解决了!
您将在 php 中添加什么以使字段成为必填字段?在同一个 html 页面中显示一个文本(告诉用户不要在表单中留空字段)?
我很想这样增强您的代码。
非常好!我将在一个我正在开发的网站上使用它的修改版本。感谢您为这个网站付出的所有努力。您的许多教程/示例帮助我在离开网页设计/开发几年后重新拾起技能。
就像“brock”一样,我在使用此表单时遇到了麻烦。它一直转到错误页面。我已经在一个网站上使用过了(http://www.phonesatlanta.com/contact-form.html),并且它运行完美。
但我在第二个网站上使用它时,它直接转到错误页面,即使我复制了相同的代码(http://www.montysmithbbq.com/contact.html)... 请帮忙!
我没有收到邮件.. 有什么想法吗?
这完美地解决了,感谢你。
嘿克里斯,我想知道这个 php 是否可以应用于更复杂的表单?
嗨克里斯,
我刚接触脚本。我正在尝试你的代码。我想知道你是否可以告诉我应该在哪里替换你的电子邮件到我的电子邮件地址。
请帮帮我。谢谢!
Chris,
我喜欢这个表格,我今天一直在研究它。但我可能把它弄坏了。除了它没有发送输入框区域中的任何信息外,其他一切都正常运行。有什么想法发生了什么吗?
谢谢!
很棒的简单代码,非常感谢 :-)
如果您可以帮忙,我想在“cantactengine.php”和主要 html 区域添加另外两个选项?
我如何添加一个有效的“添加文件”框?这样人们就可以添加文本、word 或照片文件?
感谢您的帮助
嗨克里斯!我真的很喜欢这个联系表格。它很适合我的网站。我已经成功地运行了它(某种程度上),但是当我按下“提交”按钮时,contactthanks.php 不会显示,我应该把它放在哪里呢? :)
有没有办法让某些字段成为必填字段?
我对 .php 一无所知,我想集成它。
很棒的表格!一个问题:我的表单中有单选按钮。如何将其添加到 contactengine.php 中,以便当我收到来自表单的邮件时,我可以查看是否选中了单选按钮?
它们是多个单选按钮,并且可以单独选中。因此,我将每个单选按钮视为一个单独的按钮。这意味着我想在我的邮件中看到:选项 1:已选中。选项 2:未选中... 类似这样的东西。
这可能吗?
不用了,我自己解决了。感谢您提供出色的代码。
太棒了 :-) 我为此使用了自己的“漂亮且简单”的 PHP 代码,但在旧的
<table>
布局中,我想放弃它(我正在尝试学习 CSS)。不过,有一些问题1. 为什么在 html 中将文本区域行数设置为 20,然后在 CSS 中将字段高度限制为 90px?这不像设置较低的行数会限制输入或任何东西……
2. 消息标签后的单个
<br/>
有什么作用?我可以理解在每个输入和文本区域字段之后使用<br>
,而不是依赖于 CSS 中几个地方的宽度交互(实际上,我会发现那更美观,即使是)。早上好,
愚蠢的问题,但我应该在哪里添加提交按钮的电子邮件地址。
此致
打开 contactengine.php
在代码的前几行中添加您的邮件地址
$EmailFrom = “example@gmail”;
你最后成功了吗,加里?我遇到了同样的问题。
将此电子邮件发送到多个电子邮件地址的最佳方法是什么?我目前的设置方式是
$EmailTo = “[email protected],[email protected],[email protected],[email protected]”;
前两个电子邮件发送都正常,但最后两个电子邮件却没有收到。我已经检查了垃圾邮件。但是,在回复栏中,您可以看到所有 4 个电子邮件地址都显示出来了。
我根本没有收到任何电子邮件。
我已经上传了所有内容并更改了 $EmailFrom 和 $EmailTo 字段,但我仍然没有收到任何电子邮件,即使在垃圾邮件文件夹中也没有。
当然,这应该是您需要做的全部工作,对吧?
我知道 PHP 在我的服务器上运行正常,因为我在其他页面上已经成功使用了它。
好吧,我遇到了问题,即使我的网站上运行着 PHP,而且我没有更改任何文件引用,这个表单也无法正常工作。
我发现两件事,它们使它对我来说完美运行
-将电子邮件地址从 Gmail 帐户更改为 [email protected] 帐户。
-修复了所有文件(index 和 2 个 php 文件)上的字段顺序,并使它们在所有文件上都保持一致的顺序(该字段显示为“city”,但其他字段填充了“tel”,并且它们在某些地方的顺序不同)。
现在,所有字段都报告了正确的数据(如已填写),并且我立即收到了电子邮件。(我甚至将 [email protected] 名称转发到 Gmail,它仍然以这种方式工作)。