完成一个登录注册页面代码
<!DOCTYPE html>
<html>
<head>
<title>Login/Register</title>
<style type="text/css">
/* Login form style */
#form-login{
margin: auto; /* Center the form on the page */
width: 400px; /* Form width */
border: 1px solid #ccc; /* Gray border */
padding: 0 20px 20px 20px; /* Some padding, top right bottom left*/
}
#form-login h2 {
margin-top: 0; /* Zero the top margin, only bottom margin will remain */
font-size: 1.5em; /* Increase font size */
}
#form-login label { display: block; font-weight: bold;}/* Add bold style to labels*/
#form-login input[type="text"],#form-login input[type="password"]{width: 100%;}/* Full width of inputs*/
#form-login input[type="submit"]{width: 100%;background:#3399ff ;border : none ;padding : 10px ;color :#fff ;margin -top : 10px;}/* Full width of submit button + background and colors*/
</style>
</head>
<body> <div id="container"> <!-- Login Form --> <div id="form-login"> <h2><center>Login Form</center></h2><br /> <!-- Form start --> <form action="" method = "post"> <!-- Username--> <label for= "username" >Username : </label><input type= "text" name= "username" placeholder= "Enter Username"/> <!-- Password--> <label for= "password" >Password : </label><input type= "password" name = "password" placeholder= "Enter Password"/> <!-- Submit--> <input type ="submit" value = "Login "/ > </from><!-- Form end --> </div><!-- End login form --> </div><!-- End Container--> </body> </html
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。