I wanted to be lazy today, so after thinking about it, I decided to write an article. The front-end login interface uses BOOTSTRAP_html/css

I wanted to be lazy today, so after thinking about it, I decided to write an article. The front-end login interface uses BOOTSTRAP_html/css_WEB-ITnose.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Release： 2016-06-24 11:45:51

Original

1123 people have browsed it

Today is the official start of my graduation project. It’s not until I get started that I realize how difficult it is. I haven’t written a single login window yet. I’m here to ask for advice. Here’s the code:

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

Copy after login

Just how to align the login button below with the input box? Hey, let’s keep the problem to ourselves! Yesterday’s problem solving code is as follows:

import  randomdef 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

Copy after login

The implementation of shuffle doesn’t feel very good. I’ll check the official documentation tomorrow.