<div id="container"> <form action="welcome.html"> <div class="login">登陆 窗口</div> <div class="username-text">用户名(条件提示):</div> <div class="password-text"> <p>密 码:(6位以上数字和字母组合)</p> </p> </div> <div class="username-field"> <input type="text" name="username" placeholder="输入用户名" pattern="^[a-zA-z][a-zA-Z0-9_]{2,9}$" /> </div> <div class="password-field"> <input type="password" name="password" placeholder="密码是什么" pattern="^[a-zA-Z]\w{5,17}$" /> </div> <input type="checkbox" name="remember-me" id="remember-me" /><label for="remember-me">记住我!</label> <div class="forgot-usr-pwd">Forgot <a href="#">username</a> or <a href="#">password</a>?</div> <input type="submit" name="submit" value="登陆" /> </form> </div>