如何创建不可见和可见的表单php答案

【问题标题】：how to create invisible and visible forms php如何创建不可见和可见的表单php
【发布时间】：2015-01-19 21:09:26
【问题描述】：

我需要一个隐藏的表单，直到用户单击按钮，然后表单才会可见，当按下提交按钮时，表单将恢复为不可见。

谁能给我一个关于如何实现它的想法，我假设这需要使用 php 和 ajax 调用来完成。

【问题讨论】：

【解决方案1】：

php 与可见性无关，ajax 调用也不会帮助您。它是服务器端脚本。您的页面控制权在于 javascript 。您必须阅读有关 onClick javascript 事件的信息。

【讨论】：

【解决方案2】：

注意 - 我应该注意这个策略使用 jQuery

这是一个jsFiddle 的一个非常简单的例子：

基本上，您的表单将从 CSS 属性开始：display: none;，然后您的显示表单按钮将具有以下代码：

$('.form-show').on('click', function() {
    $('.hidden-form').show();
});

.form-show 是被点击按钮的类，.hidden-form 是被隐藏表单的类。

然后只需使用提交按钮反转该过程：

$('.form-hide').on('click', function() {
    $('.hidden-form').hide();
});

.form-hide 是提交按钮上的一个类。

你的表格应该是这样的：

<form class="hidden-form">
    ....
    <button type="submit" class="form-hide">Submit</button>
</form>

PHP 作为服务器端代码可能对您没有帮助——除了将表单数据保存到数据库。您可以使用 AJAX 作为 javascript 和 PHP 之间的桥梁，验证您的输入并从 PHP 等返回成功或错误消息。这个应用程序会比我这里的简单解决方案复杂得多。

【讨论】：