导航:首页 > 编程语言 > ip配置输入框代码

ip配置输入框代码

 发布时间：2023-09-08 12:13:39

① 如何做出系统的IP地址输入框效果

<html>
<style type="text/css">
.m{border:1px solid #E3E9EF;display: inline-block;text-align: center;border-top-color: #ABADB3;}
.ip{height:25px;width:30px;border:none;}
</style>
<script>
//e为 event o为input对象 i 为 第几个输入框
function ipVali(e,o,i)
{ //alert(e.keyCode)
// 96-105 小键盘数字键 48-57大键盘数字键 8 退格键 46 del键 16 shift键 116 刷新 190 大键盘的点 110小键盘的点 9 tab
var inputs = o.parentNode.getElementsByTagName("input");
if(e.keyCode == 9 || (e.keyCode >= 96 && e.keyCode <= 105) ||(e.keyCode >= 48 && e.keyCode <= 57) || e.keyCode==8 || e.keyCode==46|| e.keyCode==116 || e.keyCode == 16)
{
if(e.shiftKey && e.keyCode >= 48 && e.keyCode <= 57)
{
if(e.keyCode != 56)
return false;
}
if( e.keyCode == 9)
{
return true;
}
if(e.keyCode == 8)
{
if(o.value === '')
{
if(i>0)
{ //OK
inputs[i-1].focus();
}
return true;
}
return true;
}

if(o.value.length >= 3 && getRangeByObj(o) == '')
{
if(null != inputs[i+1])
{
if(o.value.length > 1 && parseInt(o.value.charAt(0)) == 0){
o.value = parseInt(o.value,"10");
}
inputFormat(o);
inputs[i+1].focus();
}
}

}
else if(190 == e.keyCode || 110 == e.keyCode) //输入的是点
{
if(o.value == '')
{
for(var j=0; j<=i; j++)
{
if(inputs[j].value == '')
{
inputs[j].value="";
}
}
}
inputFormat(o);
inputs[i+1].focus();
return false;
}
else
{
return false;
}
}

function ipVali2(o,i)
{
if(o.value != '')
{
if(i == 1) //ip地址的第一个字段
{
if(o.value > 223)
{
o.value = 223;
}
}
else
{
if(o.value > 255)
{
o.value = 255;
}
}
}
else
{
o.value = "";
}
}

function getRangeByObj(obj)
{
var word='';
if (document.selection){
o=document.selection.createRange();
if(o.text.length>0)word=o.text;
}else{
p1=obj.selectionStart;
p2=obj.selectionEnd;
if (p1||p1=='0'){
if(p1!=p2)word=obj.value.substring(p1,p2);
}
}

return word;
}

function inputFormat(o){
if(o.value.length > 1 && parseInt(o.value.charAt(0)) == 0){
o.value = parseInt(o.value,"10");
}
}

function show(){
var str = "";
var ary = document.getElementsByName('ip');
for(var i=0;i<ary.length;i++){
str += ary[i].value + ".";
}
document.getElementById('show').value = str.slice(0,-1);
}
</script>

<body>
<span class="m">
<input class="ip" name="ip" onkeydown="return ipVali(event,this,0);" onblur="return ipVali2(this,1);" type="text" maxlength="3" size="3"/>.
<input class="ip" name="ip" onkeydown="return ipVali(event,this,1);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>.
<input class="ip" name="ip" onkeydown="return ipVali(event,this,2);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>.
<input class="ip" name="ip" onkeydown="return ipVali(event,this,3);" onblur="return ipVali2(this,2);" type="text" maxlength="3" size="3"/>
</span><button onclick="show()">OK</button>
<hr color="#388ee3"/>
<input type="text" id="show"/>
</body>
</html>

② 路由器dhcp自动获取ip地址配置代码

1、向ISP了解相关的局端参数：

如果是静态IP方式，请了解如下参数：静态IP地址，子网掩码，网关，DNS服务器，备用DNS服务器。

如果是动态IP方式：能够从局端获取IP地址，如果需要手动设置DNS服务器地址，请向局端咨询。

如果是PPPOE方式，请了解如下参数：用户名，密码。

2、按照说明书提示，连接好硬件。

3、如何进入TL-R410/460路由器设置界面？

路由器的出厂默认设置信息：

IP地址：192.168.1.1，子网掩码：255.255.255.0。用户名/密码：admin/admin。

将与路由器相连的网卡IP设置在192.168.1.×网段（×表示2－254），在浏览器输入http://192.168.1.1即可进入路由器设置界面，轻松完成设置。

③ js或HTML写的IP地址文本框

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JScript实现的IP地址输入框</title>
</head>

<body>

<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>

放到一个网页中运行即可！

</body>

</html>

④ Linux如何配置ip地址

1、打开Linux终端系统，然后在系统中输入如下代码。

阅读全文

与ip配置输入框代码相关的资料

热点内容
网络如何把人捧红 浏览：961
软件传输文件 浏览：184
密码记录器ios 浏览：412
两个电脑数据怎么一样 浏览：829
顺丰有什么买东西的app 浏览：377
数位板word 浏览：939
win7宽带连接出现多重网络 浏览：268
更改程序图标c语言 浏览：629
网络电视偷停怎么办 浏览：418
linux连接ftp 浏览：512
es文件浏览器视频笔记 浏览：874
mac无法打开描述文件 浏览：134
什么软件打文件 浏览：53
数据库无数据变成0 浏览：899
名企笔试如何刷编程题 浏览：49
js跳到页面某地 浏览：550
jsp展示clob字段 浏览：779
nyx在网络上是什么意思 浏览：145
乐播农业app是什么 浏览：530
编程框架如何开发 浏览：136

友情链接