HTML5 mobile phone login registry form code, html5 login registry form

HTML5 mobile phone login registry form code, html5 login registry form

Share a code for logging on to the registry using an HTML5 mobile phone. This is a pop-up form with the mouse clicking the register login button, which is suitable for mobile terminals. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div class = "demo"> <nav class = "main_nav"> <ul> <li> <a class = "cd-signin" href = "#0"> logon </a> </li> <a class = "cd-signup" href = "#0"> Registration </a> </li> </ul> </nav> </div> <div class = "cd-user-modal"> <div class = "cd-user-modal-container"> <ul class = "cd- switcher "> <li> <a href =" #0 "> User Logon </a> </li> <a href =" #0 "> registering a new user </a> </li> </ul> <div id = "cd-login"> <! -- Logon form --> <form class = "cd-form"> <p class = "fieldset"> <label class = "image-replace cd-username" for = "signin- username "> User Name </label> <input class =" full-width has-padding has-border "id =" signin-username "type =" text "placeholder =" Enter the user name "> </p> <p class =" fieldset "> <label class =" image-replace cd-password "for =" signin-password "> password </label> <input class = "full-width has-padding has-border" id = "signin-passw Ord "type =" text "placeholder =" Enter Password "> </p> <p class =" fieldset "> <input type =" checkbox "id =" remember-me" checked> <label for = "remember-me"> remember logon status </label> </p> <p class = "fieldset"> <input class = "full-width2" type = "submit" value = "login"> </p> </form> </div> <div id = "cd-signup"> <! -- Registry ticket --> <form class = "cd-form"> <p class = "fieldset"> <label class = "image-replace cd-username" for = "signup- username "> User Name </label> <input class =" full-width has-padding has-border "id =" signup-username "type =" text "placeholder =" Enter the user name "> </p> <p class =" fieldset "> <label class =" image-replace cd-email "for =" signup-email "> email </label> <input class = "full-width has-padding has-border" id = "signup-email" type = "email" placeholder = "input mail"> </p> <p class = "fieldset"> <label class = "image-replace cd-password" for = "signup-password"> password </label> <input class = "full-width has- padding has-border "id =" signup-password "type =" text "placeholder =" Enter password "> </p> <p class =" fieldset "> <input type = "checkbox" id = "accept-terms"> <label for = "accept-terms"> I have read and agree to the <a href = "#0"> User Agreement </> </label> </p> <p class = "fieldset"> <input class = "full-width2" type = "submit" value = "register a new user"> </p> </form> </div> <a href = "#0" class = "cd-close-form"> close </a> </div>

Via: http://www.w2bc.com/Article/46115