IP地址輸入框的JS腳本代碼怎么寫

2012/11/9 09:57:40作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

IP地址輸入框JS腳本代碼怎么寫

【實(shí)例描述】

IP地址是一段很有規(guī)律的字符串，每三位用一個小數(shù)點(diǎn)隔開。本例通過此規(guī)律設(shè)置—個簡便的IP地址輸入框。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
<style>
div.IPDiv{background:#ffffff;
width:120;font-size:9pt;text-align:center;
border:2 ridge threedshadow;border-right:inset threedhighlight;
border-bottom:inset threedhighlight;
}
input.IPInput{width:24;font-size:9pt;
text-align:center;border-width:0;
}
</style>
<script language="javascript" 
for="document" event="onkeydown">
if(event.keyCode==13)    
//如果輸入的是回車
event.keyCode=9;         
//轉(zhuǎn)換為tab鍵
</script>
<script language="javascript">
var tmpStr=[];           
//創(chuàng)建一個數(shù)組
for(var i=0;i<4;i++)     
//通過循環(huán)-每隔3位，輸出一個點(diǎn)
tmpStr[i]="<input class=IPInput name=IPInput 
type=text size=3 maxlength=3 
onkeydown='if(event.srcElement.value.length==3||event.keyCode==39)
event.keyCode=9'>"+(i==3?"":".");
document.write("<div class=IPDiv>"+tmpStr.join("")+"</div>");
//輸出字符串
</script>
</head>
<body>
</body>
</html>

【運(yùn)行效果】

IP地址輸入框運(yùn)行效果