*
ul,ol,
li.cover
.login-box
h1.input-group
.label-icon
.input-group > *
.input-box
/*æ»『å—æ ·å¼*/
.seekbar
.thumb
.seekbar span
.icon-vcode
.input-vcode
.split
aa:hover
.tips
/*登录有é』®æ ·å¼*/
.btn-login
.btn-login:hover
/*切æ¢ç™»å½•æ–¹å¼è¿žæž¥*/
.reg
.reg>a
.reg>a:hover
/*许å¯åè®®æ ·å¼*/
.lis
.lis a
.lis a:hover
/*第三方登录*/
.unin
.unin>ul
.unin>ul li
.unin>ul li:not(:last-child)
.unin a
.login-wechat
.login-qq
.login-weibo
.unin i
lang
="en"
>
>
charset
="utf-8"
>
>
>
rel=
"stylesheet"
href
="css/login.css"
>
href
=""rel
="stylesheet"
>
head
>
>
class
="cover"
>
class
="login-box"
>
class
="title"
>
>
手機快捷登入h1
>
div>
class
="login-form"
>
class
="input-group"
>
class
="label-icon fa fa-mobile-phone fa-2x"
>
i>
type
="text"
class
="input-box"
placeholder
="請輸入手機號"
>
div>
class
="input-group seekbar"
>
>
請按住滑塊,拖動到右邊span
>
class
="thumb"
>
">>
">>
div>
div>
class
="input-group"
style
="margin-bottom
: 5px
">
class
="label-icon icon-vcode fa fa-id-card"
>
i>
type
="number"
class
="input-box input-vcode"
placeholder
="請輸入驗證碼"
>
class
="split"
>
span
>
href="
">
獲取驗證碼a
>
div>
class
="tips"
>
未註冊手機驗證後自動登入span
>
class
="btn-login"
>
登入button
>
div>
class
="footer"
>
class
="reg"
>
href="
">
賬號登入a
>
div>
class
="lis"
>
>
href="
">
「使用者協議」a
>
和href="
">
「隱私政策」a
>
span
>
div>
class
="unin"
>
>
>
href="
" class
="login-wechat"
>
class
="fa fa-wechat"
>
i>
>
li>
>
href="
" class
="login-qq"
>
class
="fa fa-qq"
>
i>
qq登入a
>
li>
>
href="
" class
="login-weibo"
>
class
="fa fa-weibo"
>
i>
微博登入a
>
li>
ul>
div>
div>
div>
div>
body
>
html
>
ajax實現簡單的登入頁面
ajax工作原理是乙個頁面的指定位置可以載入另乙個頁面所有的輸出內容，這樣就實現了乙個靜態頁面也能獲取到資料庫中的返回資料資訊了。所以ajax實現了乙個靜態網頁在不重新整理整個頁面的情況下與伺服器通訊，減少了使用者等待時間，同時降低了網路流量，增強了客戶體驗的友好程度。1.ajax login.ht...
（詳細）簡單登入頁面 html css jq
詳細 部分 總結 en css樣式 body login form login form h1 txtb txtb input 使用偽元素新增自定義屬性 txtb span before 利用偽元素在span下面新增乙個2px的進度漸變效果 txtb span after focus span be...
綠色簡單的學校登入html頁面
效果預覽 如下 doctype html html head meta charset utf 8 link rel stylesheet href css hovertree login.css title 綠色簡單的學校管理系統登入頁面html模板 何問起 title base target b...