JS案例 仿新浪註冊頁面

2021-10-07 22:58:07 字數 994 閱讀 5779

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

document<

/title>

div

.message

.wrong

.right

<

/style>

<

/head>

="register"

>

"password"

class

="ipt"

>

="message"

>請輸入6

~16位密碼<

/p>

<

/div>

// 首先判斷的事件是表單失去焦點 onblur

// 如果輸入正確則提示正確的資訊顏色為綠色小圖示變化

// 如果輸入不是6到16位,則提示錯誤資訊顏色為紅色 小圖示變化

// 因為裡面變化樣式較多,我們採取classname修改樣式

// 1.獲取元素

var ipt = document.

queryselector

('.ipt');

var message = document.

queryselector

('.message');

//2. 註冊事件 失去焦點

ipt.

onblur

=function()

else

}<

/script>

<

/body>

<

/html>

JS 製作註冊頁面

使用js製作註冊頁面,使用正規表示式驗證該資料是否符合要求 css頁面 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd ulinput clear after box box h2 box form box form ul li box form ul li input b...

vue註冊頁面

使用者註冊 left arrow click left dot 頁面的主體css樣式 login login head 新使用者註冊 p 手機號 class inp v model mobile right icon graphic 密碼框 placeholder 密碼 class inp v mo...

註冊頁面聯絡

收藏本站 a span span class action a href 登入 a a href 註冊 a a href 我的訂單 a a href vip 會員俱樂部 a a href 客戶服務 a span div div div class content div class box div ...