zoukankan      html  css  js  c++  java
  • 本来想偷懒的今天,想了想,还是写一篇吧,前端登录界面,用的BOOTSTRAP

    今天算是正式开始搞毕业设计,上手才知道有多艰难,一个登录窗口都没写好,特来请教,下面是代码:

    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
    </body>
    <!-- 新 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>
    
      <form class="form-horizontal">
        <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>
      </form>
    
    </html>
    

      就是怎么把下面的登录按钮与输入框对齐,哎,问题还是留个自己吧! 昨天的问题解决代码如下:

    import  random
    def shuffle(list):
        f = len(list)-1
        for i in range(f,-0-1):
            d = random.randint(0,i)
            list[i],list[d] = list[d],list[i]
        return list
    

      shuffle的实现,感觉不是很好,明天查官方文档吧。

  • 相关阅读:
    Windows故障恢复控制台使用方法
    Windows XP SP2下安装WinCC V6.0 SP3 的安装步骤
    Windows Server2003 安装WinCC6.2 sp2
    pb6.5不兼容Oracle10g
    Windows Server 2003 Sp2 雨林木风版
    移动硬盘WINPE启动盘安装GHOST系统图解
    Vista硬盘安装详细图解
    系统的层次性与单一职责原则
    用dynamic增强C#泛型表达力
    谈单元测试的状态验证和行为验证
  • 原文地址:https://www.cnblogs.com/xlzhang/p/4449152.html
Copyright © 2011-2022 走看看