This article illustrates the JS implementation when the checkbox selects anonymous login to hide the login box effect. Share to everyone for your reference. Specifically as follows:
This technique is more common, some websites can login post or anonymous post, when check box select anonymous post, login box automatically hidden, is not more humane? This is actually a little bit of JavaScript code on the form element, and see the code for the implementation.
The effect is as shown in the following illustration:
The online demo address is as follows:
http://demo.jb51.net/js/2015/js-checkbox-nm-login-submit-codes/
The specific code is as follows:
<title> Hide the Login box </title> <style>.a #login when the check box chooses Anonymous Logon
#uname {Display:none}. A #uname {display:inline;} </style>
<body>
<div>
<span id= "Login" > Account number: <input type= "text"/> Password:< Input type= "text"/> <input type= "Submit" value= "Login"/></span> <span "id="
> User name uname Input type= "text"/></span>
<input type= checkbox "id=" Check "onclick=" this.parentnode.classname= This.checked? ' A ': '; '/> anonymous </div>
</body>
I hope this article will help you with your JavaScript programming.