1、1首先，在您的計(jì)算機(jī)桌面上創(chuàng)建一個(gè)新文件夾，然后在該文件夾中創(chuàng)建一個(gè)新的文本文檔2然后用記事本雙擊打開(kāi)文本文檔，如下圖所示，然后編寫(xiě)一個(gè)簡(jiǎn)單的HTML代碼3點(diǎn)擊“另存為”功能選項(xiàng)，顯示默認(rèn)的“另存為”代碼為ANSI4我們將把編碼和文件名更改回圖中所示的圖像并保存它5然后回到新。

2、步驟一登錄頁(yè)面總共分為四個(gè)部分第一部分DIV整體布局第二部分登錄標(biāo)題部分第三部分用戶名和密碼輸入框第四部分網(wǎng)頁(yè)布局樣式步驟二div是所有DIV的樣式div1是整體樣式div2是登錄標(biāo)題樣式div3是input輸入框以及按鍵樣式步驟三用戶名與密碼輸入框，其中內(nèi)嵌樣式 如長(zhǎng)寬。

3、1 html的實(shí)現(xiàn) lthead lt！ 以下方式只是刷新不跳轉(zhuǎn)到其他頁(yè)面 ltmeta。

4、1首先我們新建一個(gè)帶有button按鈕的頁(yè)面 ltbutton type=quotsubmitquot class=quotformcontrplquot注冊(cè)ltbutton 2button按鈕不能直接添加herf屬性，我們可以通過(guò)button的onClick事件來(lái)實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)第一種方法windowopen可以實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)第二種方法給button的onClick一個(gè)觸發(fā)事件 因?yàn)槲覀兿Ｍ?yè)面在。

5、lt！doctype html lthtml lthead ltmeta charset=quotutf8quot ltlink href=quotmaincssquot type=quottextcssquot rel=quotstylesheetquot lttitle登陸界面lttitle lthead ltbody ltdiv class=quotlogin_icoquot ltimg src=quotimageslogin_icopngquot ltdiv ltdiv class=quotlogin_putinquot ltul ltliltinput。

6、alertquot注冊(cè)成功quot ltscriptltbodylthtml登錄頁(yè)面代碼lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle登錄lttitleltheadltbodyltform onsubmit=quotreturn falsequot method=quotpostquot ltinput type=quottextquot placeholder=quot用戶名quotltb。

7、lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquotlthtmlltheadltmeta。

8、你好，這個(gè)登錄注冊(cè)界面現(xiàn)在其實(shí)風(fēng)格有點(diǎn)老了，注冊(cè)界面代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltstyle p colorredmarginleft20pxdisplayinlineblock c colorredmarginleft4pxdisplayinlineblock l fontsize18。

9、用正則啊，沒(méi)有數(shù)據(jù)庫(kù)的意思，自己前端寫(xiě)的死數(shù)據(jù)吧正則隨時(shí)判斷，數(shù)組自己寫(xiě)的數(shù)組中與輸入框內(nèi)容是否一致如果一致，點(diǎn)擊登錄，登錄成功這是用的熱加載可以不用提交到后端就可以判斷也可以點(diǎn)擊按鈕后，判斷輸入框內(nèi)容是否和你自己想要的數(shù)據(jù)一致 ifusername==“admin”password==quot123quot。

10、HTML表單Form是HTML的一個(gè)重要部分，主要用于采集和提交用戶輸入的信息舉個(gè)簡(jiǎn)單的例子，一個(gè)讓用戶輸入姓名的HTML表單Form示例代碼如下ltform action=quothtml_tutorialsyournameaspquot method=quotgetquot 請(qǐng)輸入你的姓名ltinput typ。

11、ifusername value==quotuserquotpassword value==quotquot locationhref=quot下一個(gè)網(wǎng)頁(yè)的網(wǎng)址quotelse alertquot賬號(hào)或密碼錯(cuò)誤quotwindowopener = nullwindowopenquotquot， quot_selfquotwindowclose ltscript 把這段代碼放在ltbody前面就好了純手打，采納哈。

12、*如果判斷已經(jīng)有cookies存在，則進(jìn)行自動(dòng)登錄操作* if$_COOKIEquotusercookiesquot！=quotquot and $_COOKIEquotpwdcookiesquot！=quotquot username=$_POSTquotusernamequotuserpassword=$_POSTquotuserpasswordquotsql=mysql_queryquotselect * from user where username=#39$username#39 and userpassword=#39$us。

13、登錄頁(yè)面的代碼為lt？xml version=quot10quot encoding=quotUTF8quot ？ lt%@ page language=quotjavaquot import=quots2*，s2*，javautil*，s2*quot contentType=quottexthtml charset=UTF8quotpageEncoding=quotUTF8quot% lt！DOCTYPE html PUBLIC quotW3CDTD。

14、不需要顯示，所以我們?cè)趯傩悦姘謇镞x擇文本域的類型密碼5插入按鈕插入表單按鈕，插入兩個(gè)按鈕，ID分別設(shè)置為login和reglogin按鈕設(shè)置為登陸，reg按鈕設(shè)置為注冊(cè)6初始值是我們未輸入內(nèi)容時(shí)，填寫(xiě)框顯示的提示文字7這樣一個(gè)簡(jiǎn)單的登陸界面就做好了，是不是很簡(jiǎn)單呢。

15、想實(shí)現(xiàn)這個(gè)，可以Ajax做，也可以form表單提交，然后后臺(tái)判斷有錯(cuò)誤或用戶名已存在后輸出提示，然后加載頁(yè)面Ajax做就是根據(jù)返回值的不同輸出不同內(nèi)容。