問題描述

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

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

問題解答

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

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