jQuery 開發(fā)登入教學(xué)課程佈局
首先我們要新建一個form.html的檔案。
效果圖如下：
然後寫上表單的內(nèi)容本節(jié)講解一個比較簡單的，只有一個使用者名稱和密碼的一個登入頁面
看如下程式碼：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登錄頁面的驗(yàn)證</title> </head> <body> <div id="bdy"> <div id="dv"> <div id="con"> <form method="post" action="#"> 用戶名：<input type="text" placeholder="請輸入用戶名" id="name"></br> <span id="sp1"></span></br></br> 密 碼：<input type="password" placeholder="請輸入密碼" id="pwd"></br> <span id="sp2"></span></br></br> <input type="button" value="登 錄" id="but"> </form> </div> </div> </div> </body> </html>
看如上程式碼，我們是使用div佈局，下面我們來看裡面有表單form 文字框，密碼框，span標(biāo)籤，按鈕
這樣的頁面是非常不好看的，所以，下一節(jié)，我們將來進(jìn)行css 樣式的操作
