問題描述

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

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

問題解答

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

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