HTML5-註冊頁面(移動端和電腦端)
阿新 • • 發佈:2019-01-10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" /> <script src="bootstrap/js/jquery.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.js" type="text/javascript"></script> <title>無標題文件</title> </head> <body> <div class="panel panel-warning"> <div class="panel-heading"> <span class="glyphicon glyphicon-th-large" style="margin-right: 10px" />使用者註冊(每項必填) </div> </div> <form action="h5-1.htm" method="post"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">推薦人</span> <input type="text" name="txtParentUserId" class="form-control" maxlength="20" placeholder="推薦人帳號" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">帳 號</span> <input type="text" name="txtUserId" class="form-control" maxlength="20" placeholder="帳號" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">暱 稱</span> <input type="text" name="txtUserName" class="form-control" maxlength="20" placeholder="暱稱" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">密 碼</span> <input type="text" name="txtPassword1" class="form-control" placeholder="密碼" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">密 碼</span> <input type="text" name="txtPassword2" class="form-control" placeholder="再次輸入密碼" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">微 信</span> <input type="text" name="txtWeiXin" class="form-control" placeholder="微信" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">手 機</span> <input type="text" name="txtMobile" class="form-control" placeholder="手機" /> </div> </div> <div class="col-md-6"> <div class="input-group input-group-lg"> <span class="input-group-addon">驗證碼</span> <input type="text" name="txtMobile" class="form-control " placeholder="手機" /> </div> </div> <br /> </div> </div> <ul class="pager divider "> <li><a href="#"> 注 冊 </a></li> </ul> </div> </form> </body> </html>