提交表单时更改CSS规则？答案

【问题标题】：Change CSS rule when form is submitted?提交表单时更改CSS规则？
【发布时间】：2011-05-27 22:53:16
【问题描述】：

我有一个 HTML 页面（我们称之为 apdivs.html），其中有 9 个 AP Div，其中包含一个图像。这些 AP Div 设置为“隐藏”（可见性：隐藏；），因此它们包含的图像不会显示在页面上。

对于这些 AP Div 中的每一个，我都有一个 HTML 文件，其中包含一个表单和一个 PHP 文件，当用户提交表单时，该文件通过电子邮件将表单的内容发送给我。所以我有 1.html-9.html 和 1.php-9.php。

我需要的是当用户提交表单时，相应AP Div上的可见性规则从隐藏更改为可见。

我需要它为所有用户永久更改，所以我认为我需要它来实际更改服务器上的 HTML 文件。

比如说……

如果用户在 7.html 上点击表单上的提交按钮，CSS 规则 'visibility: hidden;' 7 日 AP Div 上的 apdivs.html 更改为 'visibility: visible;'

如何做到这一点？我假设我需要使用 PHP，如果是这样，如何使用 PHP 来完成？

【问题讨论】：

【解决方案1】：

您是否考虑过使用 MySQL 数据库来跟踪应该隐藏或可见的内容，而不是尝试更改服务器上的 HTML 文件？当用户提交表单时，您可以更新记录显示内容和隐藏内容的行。您还可以跟踪提交的表单的内容，以便数据不只是在电子邮件中。

【讨论】：

【解决方案2】：

对于您的特定情况，您可以使用透明 PNG 图像，而不是使用“可见性：隐藏”。这也使得 PHP 表单提交处理更简单，因为您只需要替换图像目录中的图像，而不是使用数据库来跟踪哪些 div 是可见的，哪些是隐藏的。

【讨论】：

非常感谢您的回答，这绝对可以。您能解释一下如何使用 PHP 替换图像吗？
@Jason Hyde：网上有很多关于他的教程：reconn.us/content/view/30/51 和webdeveloper.com/forum/showthread.php?t=101466 另外，您需要注意允许用户上传文件的安全隐患。
感谢您的链接，但是我打算在提交表单时将页面上的图像替换为服务器上已有的另一个图像，而不是允许用户上传和图像。这可能吗？
@Jason Hyde：是的，我建议你应该学习HTML的基础知识，互联网上有很多很好的HTML教程；一旦你掌握了 HTML 的基础知识，你就会立即明白为什么你要做的最困难的部分是上传和保存图片到服务器上，而替换图片是微不足道的部分（事实上，你不需要做任何事情来替换图片，只要你正确保存了上传的图片。