<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输入框
解决方案 »
- 急。关于js服务器时间问题!!
- [分享]javascript中的观察者模式实现.顺便散分...
- 点击文本框中选中文本,得到的光标位置不正确?
- 关于JS 对象的问题
- 有没有看过 《javascript王者归来》这本书的,大家给个建议,这部书到底有没有必要买 顺便新年散分
- web打印报表时列数太多一页横向放不下怎么解决?
- 请哪位高手帮我拿一个网站上的一个特效
- 禁止页面刷新,包括鼠标\键盘\F5,如何实现?
- 聊天室的新数据是怎么追加上去的,(我指的是原数据不变),回答有分!!!
- 百度echarts柱形图,采用柱形包含展示
- 怎么控制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>