js插件，输入框占位符的疑问

Question

如上图，当聚焦的时候，输入框就会显示横线的占位符，占位符是多少位就输入多少位，而且是电话号码的话可以限定只输入数字；
当失焦的时候，显示的是placeholder的值；

问题：有没有谁用过类似的插件，实现的原理是什么呢？

Answer 1

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

Answer 2

给输入框绑定input事件输入的时候通过正则判断内容，并实时设置输入框的value不合法的就不让输入。placeholder可能是一个div模拟的，没用过这个插件纯属个人见解?