Home >Web Front-end >HTML Tutorial >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.
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.
- WBOYOriginal
- 2016-06-24 11:45:511092browse
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>
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
The implementation of shuffle doesn’t feel very good. I’ll check the official documentation tomorrow.
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn