1. 程式人生 > >HTML5-註冊頁面(移動端和電腦端)

HTML5-註冊頁面(移動端和電腦端)

<!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>