我們先看下圖
從上面的圖可以看到,我們的登入頁面運用了三個標籤輸入域,乙個註冊鏈結,乙個立即登入按鈕外加乙個驗證碼,就構成了我們的登入頁面,但是如果需要我們的頁面更好看,css樣式是不可少的,本章節的css樣式如下所示
body
.container
.container{
width: 380px;
height: 330px;
margin: 0 auto;margin-top: 240px;
box-shadow: 0 0 20px #222;
border-radius:40px;
background-color: rgba(152, 242, 242, 0.23);
div.right{
position: relative;
left: 40px;
top: 20px;
input{
width: 180px;
height: 25px;
.button{
background-color: rgba(230, 228, 236, 0.93); /* green */
border: none;
color: #110c0f;
padding: 10px 30px;
text-align: center;
display: inline-block;
font-size: 16px;
margin-top: -40px;
margin-left: 50px;
cursor: pointer;
使用者名稱:
密 碼:
驗證碼:
註冊立即登陸
執行程式嘗試一下
這樣我們的html頁面就做出來了,下一步就要提交到我們的 login.php 頁面進行下一步處理了
DjangoWeb 登入頁開發test
user表 id 自增 username varchar 20 password varchar 25 add time datetime新增 修改刪除 檢視資料列表頁 a.所有會員資訊列表 b.通過列表對響應的資料進行修改和刪除 c.在列表頁,有新增會員的按鈕。新增頁面 通過列表頁中的 新增按鈕 ...
VUE登入頁面的開發
官方文件 npm install axios 登入 註冊import register from views register.vue import login from views login.vue 根目錄預設跳轉到login routes import cube ui import axios...
登入頁功能
html 模信網 模信網精品模具 不容錯過 賬戶登入 歡迎來到模信網 賬號為手機號 賬號或者密碼錯誤 驗證碼錯誤 登入立即註冊 忘記密碼?css headers headers span headerleft headerright sp1 sp2 sp3 內容部分 content section1...