jquery,6位密碼輸入框效果

2021-09-30 13:50:06 字數 1083 閱讀 7963

啥也不說,直接貼**

仿支付寶支付效果title>

charset="utf-8"/>

name="author"

content="[email protected]">

-- *

li.quickpaybox

.quickpaybox

.password

.showview

.showview

li .showview

li:last-child

.showview

li.circle

-->

style>

head>

class="quickpaybox">

type="tel"

name="password"

class="password"

maxlength="6">

class="showview">

class="circle">

i>

li>

class="circle">

i>

li>

class="circle">

i>

li>

class="circle">

i>

li>

class="circle">

i>

li>

class="circle">

i>

li>

ul>

div>

div>

src="">

script>

$('.password').on('input',function

());

}else

})});

script>

body>

html>

這裡只是做了乙個效果,實際運用時還需要加正則去校驗。

注:這個效果在iphone手機上有瑕疵,會有個游標在那裡閃爍,暫時還未找到辦法去掉。期望大神路過,貼出解決方案^_^!

js vue實現6位驗證碼輸入框效果

說明因業務需求需要有個6框連續輸入的元件,這邊是直接畫了6個輸入框,然後通過一些事件控制輸入框的輸入順序,以及一些特殊處理。效果 元件原始碼 v for item,index in captchas key index v model item.num id captcha index input ...

外掛程式 密碼輸入框

這是外掛程式系列的第乙個文章,平時工作中忙裡偷閒寫了些自己的元件,現在分享一下 我的元件簡潔無依賴 不需要再引用別的庫比如jq 用原生js寫 元件樣式簡單,沒打算寫多漂亮重點實現功能 分割線 模仿支付寶密碼輸入框僅僅是功能模仿,樣式沒全部模仿 pc 移動端都能用 呼叫 new passwordinp...

IP輸入框 基於Jquery

首先,在頁面上顯示ip輸入框 一共有4個input,用來分別存放ip位址的數值 為了美觀,可以為每個input 設定css,例如我設定如下 每個人的樣式可能都不一樣,大家更具自己的具體需要設定css ip input 關鍵的地方是classname,例如上面的.ip input,因為下面需要為它繫結...