寫(xiě)js啊，ltscript var username = documentgetElementsClassName#39bt_input#390var password = documentgetElementsClassName#39bt_input#391var button= documentgetElementsClassName#39logingBut#390；HTML表單Form是HTML的一個(gè)重要部分，主要用于采集和提交用戶(hù)輸入的信息舉個(gè)簡(jiǎn)單的例子，一個(gè)讓用戶(hù)輸入姓名的HTML表單Form示例代碼如下ltform action=quot；登錄頁(yè)面是保護(hù)網(wǎng)站免受未經(jīng)授權(quán)訪問(wèn)的重要工具它有助于確保只有授權(quán)用戶(hù)才能訪問(wèn)機(jī)密或敏感信息，并防止黑客和網(wǎng)絡(luò)威脅進(jìn)入網(wǎng)站或獲取網(wǎng)站的機(jī)密信息同時(shí)，登錄界面可以提供個(gè)性化的體驗(yàn)，例如在網(wǎng)站中保存購(gòu)物歷史記錄，便于；我以前用js寫(xiě)了一個(gè)，但是不能拖動(dòng)，很糾結(jié)，我是用js新建了一個(gè)div，把要寫(xiě)的內(nèi)容的html寫(xiě)到div里，然后顯示該div絕對(duì)定位到該位置；HTML只能做靜態(tài)頁(yè)，也就是說(shuō)只能做一個(gè)登錄界面而已，如果需要驗(yàn)證你輸入的用戶(hù)名和密碼，那得用ASP程序來(lái)進(jìn)行驗(yàn)證！參考資料lta href=quot target=quot_blankquot rel=quotnofollow noopenerquot。

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=quotimages；HTML頁(yè)面用 script 驗(yàn)證不是必須要用 form 的，可以直接給頁(yè)面里的 DOM 對(duì)象定義 id 屬性，用 javascript 操作 DOM 對(duì)象即可針對(duì)您提的問(wèn)題想要實(shí)現(xiàn)的效果，下面說(shuō)說(shuō)不用 form 表單和數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)用戶(hù)名和密碼驗(yàn)證的方法；輸入完站好密碼以后，點(diǎn)擊登錄按鈕使用ajax發(fā)送用戶(hù)名和密碼到后端，進(jìn)行登錄驗(yàn)證即可；documentgetElementById#39second#39innerHTML = nif n == 0 clearIntervaltimerwindowlocation = #39loginphp#39 ， 1000ltSCRIPT刪除成功ltbrltB class=#39chengse STYLE1#39 id=second5ltB秒后；lt？xml version=quot10quot encoding=#39gb2312#39？ ltuser ltid001ltid ltnameleeziltname ltpassms#leeziltpass ltuser 然后寫(xiě)登錄頁(yè)面loginhtml，代碼如下lthtml lthead ltstyle type=quottext；1按照正常的思路，布局就是div布局，寫(xiě)一個(gè)固定下來(lái)，作為模板，在每次獲取數(shù)據(jù)的時(shí)候使用功能代碼綁定數(shù)據(jù)到布局上面，自動(dòng)生成頁(yè)面內(nèi)容就可以了拆分出單個(gè)模板來(lái)，很明顯每項(xiàng)都是一樣的 就這個(gè)樣式寫(xiě)div+css不會(huì)嗎。

lt String name=StringrequestgetParameterquotnamequotString pwd=StringrequestgetParameterquotpwdquotifquotadminquotequalsname quotadminquotequalspwd responsesendRedirectquotloginhtml？result=truequotelse r；ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot lttitle登錄lttitle ltlink href=quotcss rel=quotstylesheetquotltheadltbodyltnav class=quotnavbar navbardefaultquot ltdiv c；登陸時(shí)應(yīng)該判斷是用戶(hù)登錄還是管理員登錄 用戶(hù)和管理員的界面不一樣吧，兩個(gè)不同的頁(yè)面 用戶(hù)登錄則跳轉(zhuǎn)到用戶(hù)界面user_pagehtml 管理員登錄則跳轉(zhuǎn)到管理員界面admin_pagehtml；我這邊寫(xiě)項(xiàng)目都是是后臺(tái)寫(xiě)的jsp代碼，但是前端也是可以實(shí)現(xiàn)的，用戶(hù)登錄之后，將用戶(hù)名localStoragesetItem在本地保存一下，然后localStoragegetItem判斷本地的用戶(hù)名是不是存在的，存在顯示登錄后頁(yè)面，不存在的話就顯示登錄。

可以用html進(jìn)行程序編寫(xiě)，從而實(shí)現(xiàn)系統(tǒng)登陸界面文本框前有小圖案的需求可參照以下代碼為模板進(jìn)行編寫(xiě)完整的代碼108 代碼2；方形的是checkbox，圓形的是radio。