来自 CSSKarma 的 Tim Wright 对我的 联系表单 进行了一些很酷的修改。 首先,设计非常简洁,因此如果您希望从头开始设计表单,那么从 Tim 的示例开始可能比从我的示例开始更好。
以下是 Tim 做的一些事情
CSS
- 删除了所有图像
- 添加了用户反馈样式
- 总体上简化了内容
PHP
- 使表单提交到自身($_SERVER['PHP_SELF'];),因此您不需要
感谢、错误或引擎文件。 我和 Tim 简要讨论过,如果没有单独的 error.html 文件,如果您想监视错误,这可能会成为分析问题,但可能还有更好的方法来监视错误…… - 在 $headers 中设置回复地址(在 Gmail 中不起作用,但在 Thunderbird 等程序中可以正常工作
目前尚不清楚原因) - 将 stripslashes 替换为 strip_tags 以用于一些变量
- 稍微压缩了 $body
Javascript
- 编辑 jquery.validate 以输出 <div> 而不是标签
- 将嵌入的 javascript 移动到 jquery.extend 中
- 使用 fadeIn() 进行表单提交/错误反馈
HTML
- 使用 <button type=”submit”> 而不是 <input type=”image”/>
- 添加了图例
- 删除了所有 div
下载
新文件可以在 CSSKarma 实验室 中查看和下载。 这是 常规表单 的直接链接。 这是 带验证码的表单 的直接链接。
太棒了。 我正在开发自己的联系表单,并将加入一些提示。 谢谢——联系表单很重要!
——Eric
酷! 太棒了!
哇,很棒的工作 :)
非常有用
嗨,Chris,
代码非常简洁,我非常喜欢。
我不确定这是否仍然相关,但我一直避免使用 button 元素,因为此页面上提到了有关移动设备的问题: http://nickcowie.com/2007/time-to-stop-using-the-button-element/
使用按钮代替 input type=”submit” 或 input type=”button” 的问题似乎也扩展到一些 IE JavaScript 错误
http://www.peterbe.com/plog/button-tag-in-IE
——但是,这又是一个相当旧的示例,因此可能不再相关……我没有时间研究它。
很棒的示例,也是所有需要带验证码的表单的人的绝佳资源。 做得好!
嗨
让我说,这是一个不错的表单。 我正在检查它,并注意到它正在作为 xhtml 过渡版进行验证。 因此,我已对其进行了修复并将其移至 xhtml 严格版。(这是您的基本表单)。
您可以在 http://www.computek.ie/test4 上查看其工作原理,页面中有一个链接,如果您想下载副本,可以点击它。 我在使用说明中添加了一些注释,并对原始代码表示了对您的充分认可。
非常棒的内容——可能会更多地使用它并为表单做一些样式……
这正是我过去一周一直在寻找的东西! 绝佳的解决方案。