如上圖,當(dāng)聚焦的時(shí)候,輸入框就會(huì)顯示橫線的占位符,占位符是多少位就輸入多少位,而且是電話號(hào)碼的話可以限定只輸入數(shù)字;
當(dāng)失焦的時(shí)候,顯示的是placeholder的值;
問(wèn)題:有沒(méi)有誰(shuí)用過(guò)類似的插件,實(shí)現(xiàn)的原理是什么呢?
onfocus事件修改一下input的value。
input type=number 限制只能輸入數(shù)字
給輸入框綁定input事件輸入的時(shí)候通過(guò)正則判斷內(nèi)容,并實(shí)時(shí)設(shè)置輸入框的value不合法的就不讓輸入。placeholder可能是一個(gè)p模擬的,沒(méi)用過(guò)這個(gè)插件純屬個(gè)人見(jiàn)解