效果預覽：
**如下：
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
link
rel="stylesheet"
href
="css/hovertree_login.css"
/>
<
title
>綠色簡單的學校管理系統登入頁面html模板 _ 何問起
title
><
base
target
="_blank"
/>
head
>
<
body
>
<
div
id="header"
>
<
div
class
="header_title"
>
<
span
class
="title_con"
>何問起學工系統
span
>
div>
div>
<
div
id="content"
>
<
center
>
<
div
class
="con"
>
<
div
class
="con_title"
>
<
span
class
="con_title_sp"
>歡迎登入學工系統
span
>
div>
<
div
class
="con_panel"
>
<
div
class
="con_input"
>
<
span
>使用者名稱：
span
><
input
type
="text"
placeholder
="學號/工號"
/>
div>
<
div
class
="con_input"
>
<
span
>密 碼：
span
><
input
type
="text"
placeholder
="密碼"
/>
div>
<
div
class
="con_select"
>
<
input
type
="radio"
name
="t1"
id="hovertreestu"
value
="學生"
/><
label
for="hovertreestu"
>學生
label
>
<
input
type
="radio"
name
="t1"
id="hovertreetea"
value
="教師"
/><
label
for="hovertreetea"
>教師
label
>
<
input
type
="radio"
name
="t1"
id="hovertreeadm"
value
="管理員"
/><
label
for="hovertreeadm"
>管理員
label
>
div>
<
input
type
="submit"
value
="登 錄"
class
="submit-btn"
/>
div>
div>
center
>
div>
<
div
id="footer"
>
a href
="">何問起
a>
<
br /><
a href
="h/bjaf/7ioeyqhe.htm"
>demo 1
a>
<
a href
="hvtart/bjae/dh4pqx2p.htm"
>demo 2
a>
<
a href
="h/bjaf/2hhi6cjy.htm"
>原文
a><
a href
="texiao/"
>更多特效
a>
div>
body
>
html
>
**：h/bjaf/2hhi6cjy.htm
更多特效：
簡單的登入頁面
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 log...
寫乙個簡單的登入頁面 html
首先 現在html裡的body裡寫 乙個頭部header標籤 雙標籤 然後在header標籤裡寫登入就像這樣 header 使用者登入 header 然後再寫乙個div標籤 div input type text name username placeholder 請輸入賬號 input type ...
ajax實現簡單的登入頁面
ajax工作原理是乙個頁面的指定位置可以載入另乙個頁面所有的輸出內容，這樣就實現了乙個靜態頁面也能獲取到資料庫中的返回資料資訊了。所以ajax實現了乙個靜態網頁在不重新整理整個頁面的情況下與伺服器通訊，減少了使用者等待時間，同時降低了網路流量，增強了客戶體驗的友好程度。1.ajax login.ht...