停止刷新页面的弹出式登录表格

试图阻止刷新此登录表单我使用此表单的w3schools指南。 http://www.w3schools.com/howto/howto_css_login_form.asp。这是“模态”的例子。停止刷新页面的弹出式登录表格

这里是模态代码：

<div id="id01" class="modal"> 
<span onclick="document.getElementById('id01').style.display='none'" 
class="close" title="Close Modal">&times;</span> 

<!-- Modal Content --> 
<form class="modal-content animate"> 
<label for="my-checkbox">Checkbox</label> 

    <div class="container"> 
    <label><b>Username</b></label> 
    <input type="text" placeholder="Enter Username" name="uname" required> 
    <br> 
    <label><b>Password</b></label> 
    <input type="password" placeholder="Enter Password" name="psw" required> 
<br> 
    <button type="submit">Login</button> 
    <input type="checkbox" checked="checked"> Remember me 
</div> 

<div class="container" style="background-color:#f1f1f1"> 

    </div> 
</form> 
</div> 

<!-- Js part --> 
     function stopDefAction(evt) { 
    evt.preventDefault(); 
} 
document.getElementById('my-checkbox').addEventListener('click', stopDefAction, false); 

<!-- Button to open the modal login form --> 
<button id="button1" onclick="document.getElementById('id01').style.display='block'" action="login.php">Login</button>

来源

2016-12-14 Daniel Murran

你在这里张贴前，编辑您的代码还是你居然不把''

停止刷新页面的弹出式登录表格

相关问题