提交表单后显示一个div并保留表单的信息

Question

从表单接收信息后，我需要显示一个 div。 提交代码后，我得到了一个很好的代码来显示 div，但是对于此代码工作，我需要使用return false以便页面不会重新加载。

这是代码：

 function showHide() { document.getElementById("hidden").style.display = "block"; }

 #hidden { display: none; }

 <html> <body> <form action="" method="post" class="generator-form" onsubmit="showHide(); return false"> <label for="name"> <input type="text" name="nome" placeholder="Insira seu nome" required> </label> <input type="submit" value="go"> <div id="hidden">hello</div> </body> </html>

PS：我不知道为什么 js 在这里不起作用，在 codepen 中它是.

所以，事情是这样的：

我不能使用return: false因为我确实需要返回这些值； 和
我不想使用onclick()因为当用户点击按钮时它会显示一个空白框。

为了更好地解释，我将获取我在表单中获得的信息并将它们显示在以前隐藏的 div 中。 它是电子邮件的签名生成器。

有某种方式我可以用 javascript 或 php 做到这一点？

Answer 1

尝试这个：

<?php
$show ="none";
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$show = "block";
}

?>
<html>

<body>

<form action="" method="post" class="generator-form" onsubmit="showHide();  return false">
            <label for="name">
                <input type="text" name="nome" placeholder="Insira seu nome" required>
            </label>
  <input type="submit" value="go">

  <div style="display:<?php echo $show;?>">hello</div>

</body>

</html>

提交表单后显示一个div并保留表单的信息

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-03-22 21:40:18

提交表单后显示一个div并保留表单的信息

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-03-22 21:40:18

解决方案1
1 已采纳 2017-03-22 21:40:18