Question

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

以下是代码：

＆＃13;

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

＆＃13;

#hidden {
    display: none;
}

＆＃13;

<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>

＆＃13;

PS：我不知道js为何在这里工作，in codepen it's。

所以，这就是事情：

我无法使用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 个答案: