导航:首页 > 编程语言 > 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配置输入框代码相关的资料

热点内容
U盘启动加载资源文件失败 浏览：459
怎样把ug的pdf文件导入cad 浏览：148
c盘文件删不了怎么办 浏览：248
win7无线网络禁用 浏览：455
如何把电脑文件夹图片放置在一起 浏览：702
如何对访谈法进行数据分析 浏览：388
国土三调文件用什么软件什么打开 浏览：651
数控铣床编程特点是什么 浏览：119
飞鸽传输一次能传多少文件 浏览：488
手机照片权限怎么设置密码 浏览：341
es文件浏览器怎么隐藏 浏览：649
删除的文件为什么恢复 浏览：314
血缘诅咒怎么升级 浏览：604
文件分享到微信怎么操作 浏览：393
tmx文件trados 浏览：704
大数据与会计选课怎么选 浏览：684
网络的不稳定因素有哪些 浏览：950
猎豹浏览器javascript 浏览：723
哪个打印软件保存数据时间长 浏览：873
ps合并后源文件 浏览：74

友情链接