<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ip地址输入</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; //转换为tab键
</script>
<form action="ip1.php" method="post">
<script language="javascript">
var tmpStr=[]; //创建一个数组
for(var i=0;i<4;i++){ //通过循环-每隔3位,输出一个点
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>
</form>
</head>
<body>
</body>
</html>
javascriptip输入框
<head>
<title>ip地址输入</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; //转换为tab键
</script>
<form action="ip1.php" method="post">
<script language="javascript">
var tmpStr=[]; //创建一个数组
for(var i=0;i<4;i++){ //通过循环-每隔3位,输出一个点
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>
</form>
</head>
<body>
</body>
</html>
javascriptip输入框
解决方案 »
- 半角符号的正则表达式
- 求助:为什么赋值会出现--》<a xmlns="http://www.w3.org/1999/xhtml">8</a>
- 高分求解firefox下回车自动提交表单的问题
- 如何过滤掉用户输入的“<”,“>”,“"”,“'”
- 哪位兄弟有 js 遍历 TreeView 的例子,或者提供 TreeView 常用的属性方法的介绍
- 紧急求助:为何不能取出<option>的值?
- Firefox下JS问题,style.display=none无效
- 求教个EXTJS的问题,版本是4.2
- 如何用JSP得到当前浏览器窗口的大小?在线等待ing.....
- 如何实现将文本框中输入的文本向List中添加文本?
- 怎么控制ajax执行顺序
- 请问下 当我选择了一种颜色 怎么才能使这三个div 变成同一个颜色
alert(document.getElementsByTagName("input")[1].value);
alert(document.getElementsByTagName("input")[2].value);
alert(document.getElementsByTagName("input")[3].value);
<head>
<title>ip地址输入</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; //转换为tab键
</script>
<form action="ip1.php" method="post">
<script language="javascript">
var tmpStr=[]; //创建一个数组
for(var i=0;i<4;i++){ //通过循环-每隔3位,输出一个点
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>");//输出字符串function getIp(){
alert(document.getElementsByTagName("input")[0].value);
alert(document.getElementsByTagName("input")[1].value);
alert(document.getElementsByTagName("input")[2].value);
alert(document.getElementsByTagName("input")[3].value);
}
</script>
</form>
</head>
<body>
<input type='button' value='test' onclick='getIp()'/>
</body>
</html>