javascript - js插件，輸入框佔位符的疑問

Question

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

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

Answer 1

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

Answer 2

給輸入框綁定input事件輸入的時候透過正規判斷內容，並即時設定輸入框的value不合法的就不讓輸入。 placeholder可能是一個p模擬的，沒用過這個外掛純屬個人見解