Javascript 如何使用jquery在单击按钮时显示表单？

我希望在单击“注册”按钮时显示我的表单

<div id="signup">
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST"  id="form1">
        <input name="user" type="text" placeholder="Username" size="30" >
        <input name="pass" type="password" placeholder="Password"  size="30" >
        <input class="btn" type="submit" value="sign up" name="signup">
</div>

首先，您还没有关闭表单标记，其次，您的目标是一个id为“form”的元素以及任何具有此类id的元素，现在您可以做的一件事是为表单中的每个输入元素提供一个类（例如signup_txt）并使用css将这些元素作为目标，并将属性“display”设置为“none”以如下方式隐藏它们：

.signup_txt{
   display:none
}

然后给提交按钮一个id（例如注册），然后执行以下操作：

$("#signup_btn").click(function(){
  $(".signup_txt").show(); 
});

这应该可以完成JSFIDLE中的一个演示：
首先，您还没有关闭表单标记，其次，您将id为“form”的元素作为目标，并且您拥有的任何元素都有这样的id，现在您可以做的一件事是为表单中的每个输入元素提供一个类（例如signup\u txt）并使用css将这些元素作为目标，并将属性“display”设置为“none”以如下方式隐藏它们：

.signup_txt{
   display:none
}

然后给提交按钮一个id（例如注册），然后执行以下操作：

$("#signup_btn").click(function(){
  $(".signup_txt").show(); 
});

这应该可以完成JSFIDLE中的一个演示：
首先，您还没有关闭表单标记，其次，您将id为“form”的元素作为目标，并且您拥有的任何元素都有这样的id，现在您可以做的一件事是为表单中的每个输入元素提供一个类（例如signup\u txt）并使用css将这些元素作为目标，并将属性“display”设置为“none”以如下方式隐藏它们：

.signup_txt{
   display:none
}

然后给提交按钮一个id（例如注册），然后执行以下操作：

$("#signup_btn").click(function(){
  $(".signup_txt").show(); 
});

这应该可以完成JSFIDLE中的一个演示：
首先，您还没有关闭表单标记，其次，您将id为“form”的元素作为目标，并且您拥有的任何元素都有这样的id，现在您可以做的一件事是为表单中的每个输入元素提供一个类（例如signup\u txt）并使用css将这些元素作为目标，并将属性“display”设置为“none”以如下方式隐藏它们：

.signup_txt{
   display:none
}

然后给提交按钮一个id（例如注册），然后执行以下操作：

$("#signup_btn").click(function(){
  $(".signup_txt").show(); 
});

这应该可以完成这项工作，这里是jsfiddle中的一个演示：
您可能想要尝试这样的东西…（注意，我在HTML中添加了一个额外的“按钮”，并关闭了“表单”标记

CSS

#form1 {
 display : none;
}
button {
 margin-bottom: 10px;
}

HTML

<div id="signup">
<button id="signup">Click here to sign-up!</button>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST"  id="form1">
        <input name="user" type="text" placeholder="Username" size="30" >
        <input name="pass" type="password" placeholder="Password"  size="30" >
        <input class="btn" type="submit" value="sign up" name="signup">
    </form>
</div>


希望这有帮助。祝你好运！
你可能想试试这样的东西……（注意，我在你的HTML中添加了一个额外的“按钮”，并关闭了“表单”标记

CSS

#form1 {
 display : none;
}
button {
 margin-bottom: 10px;
}

HTML

<div id="signup">
<button id="signup">Click here to sign-up!</button>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST"  id="form1">
        <input name="user" type="text" placeholder="Username" size="30" >
        <input name="pass" type="password" placeholder="Password"  size="30" >
        <input class="btn" type="submit" value="sign up" name="signup">
    </form>
</div>


希望这有帮助。祝你好运！
你可能想试试这样的东西……（注意，我在你的HTML中添加了一个额外的“按钮”，并关闭了“表单”标记

CSS

#form1 {
 display : none;
}
button {
 margin-bottom: 10px;
}

HTML

<div id="signup">
<button id="signup">Click here to sign-up!</button>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST"  id="form1">
        <input name="user" type="text" placeholder="Username" size="30" >
        <input name="pass" type="password" placeholder="Password"  size="30" >
        <input class="btn" type="submit" value="sign up" name="signup">
    </form>
</div>


希望这有帮助。祝你好运！
你可能想试试这样的东西……（注意，我在你的HTML中添加了一个额外的“按钮”，并关闭了“表单”标记

CSS

#form1 {
 display : none;
}
button {
 margin-bottom: 10px;
}

HTML

<div id="signup">
<button id="signup">Click here to sign-up!</button>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST"  id="form1">
        <input name="user" type="text" placeholder="Username" size="30" >
        <input name="pass" type="password" placeholder="Password"  size="30" >
        <input class="btn" type="submit" value="sign up" name="signup">
    </form>
</div>


希望这能有所帮助。祝你好运！
正确的代码缩进突出显示了你还没有关闭表单标记（首先）。其次，你应该将单击事件绑定到
$（'input[name=“signup”]”）
按钮，或者给按钮一个唯一的ID进行绑定。我以前没有见过任何人将单击绑定到表单元素……似乎是错误的。第三，您单击以显示表单的按钮似乎在您单击按钮时显示的div内（鸡和蛋？）在我看来，您需要适当的代码缩进突出显示尚未关闭表单标记的内容（首先）。其次，您应该将单击事件绑定到
$（'input[name=“signup”]'）
按钮，或者给按钮一个唯一的ID进行绑定。我以前没有见过任何人将单击绑定到表单元素……似乎是错误的。第三，您单击以显示表单的按钮似乎在您单击按钮时显示的div内（鸡和蛋？）在我看来，您需要适当的代码缩进突出显示尚未关闭表单标记的内容（首先）。其次，您应该将单击事件绑定到
$（'input[name=“signup”]'）
按钮，或者给按钮一个唯一的ID进行绑定。我以前没有见过任何人将单击绑定到表单元素……似乎是错误的。第三，您单击以显示表单的按钮似乎在您单击按钮时显示的div内（鸡和蛋？）在我看来，您需要适当的代码缩进突出显示尚未关闭表单标记的内容（首先）。其次，您应该将单击事件绑定到
$（'input[name=“signup”]'）
button，或者给按钮一个唯一的ID进行绑定。我以前没有见过任何人将单击绑定到表单元素……这似乎是错误的。第三，您单击按钮以显示表单的按钮似乎位于您单击按钮时显示的div内（鸡和蛋？），我认为这是您想要的