問題描述

如上圖，當(dāng)聚焦的時(shí)候，輸入框就會(huì)顯示橫線的占位符，占位符是多少位就輸入多少位，而且是電話號(hào)碼的話可以限定只輸入數(shù)字；當(dāng)失焦的時(shí)候，顯示的是placeholder的值；

問題：有沒有誰用過類似的插件，實(shí)現(xiàn)的原理是什么呢？

問題解答

onfocus事件修改一下input的value。input type=number 限制只能輸入數(shù)字

給輸入框綁定input事件輸入的時(shí)候通過正則判斷內(nèi)容，并實(shí)時(shí)設(shè)置輸入框的value不合法的就不讓輸入。placeholder可能是一個(gè)p模擬的，沒用過這個(gè)插件純屬個(gè)人見解