html5 Bootstrap网页登陆

//引入文件

 <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

 

 

 

<fieldset>
        <div id="legend" class="">
            <legend class="text-center">用户登录</legend>
        </div>
        <div class="control-group text-center">
            <!-- Text input-->
            <ul>
                <span class="glyphicon glyphicon-user"></span>
                <label class="control-label" for="input01">
                    工号：</label>
                <input type="text" placeholder="employeeid" class="input-xlarge">
            </ul>

</div>
        <div class="control-group text-center">
            <!-- Text input-->
            <ul>
                <span class="glyphicon glyphicon-lock"></span>
                <label class="control-label" for="input01">
                    密码：</label>
                <input type="password" placeholder="password" class="input-xlarge">
            </ul>
        </div>
        <div class="control-group text-center">
            <!-- Button -->
            <ul>
                <button class="btn btn-primary" type="button">
                    登录</button>
                <button class="btn btn-link" type="button">
                    忘记密码</button>
            </ul>
        </div>
    </fieldset>