Html 作为按钮操作弹出？

我目前正试图得到一个弹出窗口显示当我点击登录按钮，但我不能让它工作

这是按钮的一部分

<form action="">
                <input type="text" name="Name" class="loginForm" placeholder="E-mail"><br>
                <input type="password" name="Password" class="loginForm" placeholder="Wachtwoord">
                <input type="submit" class="button" value="Log in" style="width: 256px; " >

除了弹出窗口外，一切正常。 有人知道我怎样才能让它出现吗

谢谢，

---

Nelson

您可以使用JqueryUI对话框创建弹出窗口
链接-

怎么做？
这里--
jQuery和css：

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

    $(document).ready(function() {
        $("#dialog").dialog();
    });

$（文档）.ready（函数（）{
$（“#dialog”）.dialog（）；
});

html：

<div id="dialog" title="LOGIN">

<form action="">
                <input type="text" name="Name" class="loginForm" placeholder="E-mail"><br>
                <input type="password" name="Password" class="loginForm" placeholder="Wachtwoord">
                <input type="submit" class="button" value="Log in" style="width: 256px; " >
</form>

</div>

这些输入需要标签。您似乎没有任何会触发弹出窗口的代码。为什么你认为它应该？这正是我要问的，我应该把它放在哪里？我应该把代码放在上面的代码中的哪里？因为我在网上找到了很多代码示例，但我真的不知道该放在哪里。非常感谢！