我需要在收到表单信息后显示一个 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在这里不起作用，in codepen it's .
所以，事情是这样的:
- 我无法使用
return: false因为我确实需要返回这些值；和 - 我不想使用
onclick()因为当用户点击 按钮，它将显示一个空白框。
为了更好地解释，我将获取表单中获得的信息并将它们显示在之前隐藏的 div 中。它是电子邮件签名生成器。
我可以用 javascript 或 php 来做到这一点吗？
最佳答案
试试这个:
<?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>
关于javascript - 提交表单后显示一个div并保留表单的信息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42962840/