怎样做一个输入IP的控件，和进度条控件

控件？
走错地方了吧？
这里是Javascript

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我是想问，在网页中怎样做这样的control,至于是不是控件不要紧，只要用途相同就好
<html>
<head>
<title>进度条</title>
</head>
<body >
<div id=process>LOADING</div>
<script>
var num=0;
function mypro()
{
num++;
myarray=new Array('#494949','#646464','#747474','#888888','#969696','#A8A8A8','#B6B6B6','#C6C6C6','#D7D7D7','#E1E1E1','#F0F0F0','#F9F9F9')
process.style.color=myarray[num-1]
process.innerText=process.innerText+'■';
if(num<12) {setTimeout("mypro()",1000);}
else {window.open("http://www.d2sky.com","new");}
}
mypro();
</script>
</body>
</html>
ip
用正则表达式在onkeydown和onbeforepaste里判断
输入IP地址：
<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="JScript" for="document" event="onkeydown">
if(event.keyCode==13)event.keyCode=9;
</script>
<script language="JScript">
var IPlikeInputStr=[];
for(var i=0;i<4;i++)IPlikeInputStr[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>"+IPlikeInputStr.join("")+"</div>");
</script>
<style>

</style>

<script>
function change() {
  if (event.keyCode==13) {
    event.keyCode=9;
  }
}
</script>
<body onkeydown="change()">

<script>
IPlikeInputStr = "";
IPlikeInputStr += '<div align="center"><div class="IPDiv">';
for (i=0;i<4;i++) {
  IPlikeInputStr += '<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) ? '' : '.');
}
IPlikeInputStr += '</div></div>';
document.write(IPlikeInputStr);
</script>