效果图：

代码如下：

！doctype html html hearteta charset=' utf-8 ' title电话号码/title style * { margin 33600；划水：0;}表单{ width:300px位置：相对；margin :10 px } field set { padd :10 pxborder :1 px虚线# DDD } # num _ info { display : none位置：绝对；left: 11pxbottom: 37px宽度： 170像素；高度：30 pxborder:1px实心# dddb order-bottom : none；背景-颜色： # f6f 6；font:20px/30px verdana，arial color : # F90 } # num { width :170 px three :24 px线高：24 px页边距-顶部：40像素；border:1px实心# bbb} # num :焦点{ outline : none边框颜色： # 999;} p { font-size :12 pxcolor : # 999 }/style/head dy form字段集标签id=' num _ info ' for=' num '/标签输入类型=' text ' id=' num ' maxlength=' 11 '/字段集/formscriptwindow。onload=function(){ var $ NuMinFo=document。getelementbyid(' num _ info ')，$ num=document。getelementbyid(' num ')，_val，_val1，_ val 2；$ num。onkeyup=function(){ var val=this.value=this.value.replace(/[^d]/g,''),len=val . length如果（瓦尔！=' '){ $ NuMinFo。风格。display=' block} if(len=3){ _ val=_ val 1=val。substr(0，3)；} else if(len 3 len=7){ _ val=_ val 2=_ val 1 '-val。substr(3，len)；} else if(len 7){ _ val=_ val 2 '-val。substr(7，len)；} $ numInfo.innerHTML=_ val} $ num。onb lur=function(){ $ NuMinFo。风格。显示='无'；} }/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！