導航:首頁 > 編程語言 > 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配置輸入框代碼相關的資料

熱點內容
什麼是配置管理工具 瀏覽：803
wps如何掃描文件 瀏覽：370
微信收費電影網站系統 瀏覽：62
佛山哪裡學編程好 瀏覽：389
不同環境配置文件分支管理 瀏覽：663
電腦顯示pdf文件不是一個有效的 瀏覽：391
demo1js下載 瀏覽：304
java安卓 瀏覽：411
傲劍2刷充值工具 瀏覽：340
電子秤程序流程圖 瀏覽：225
qq發過來的文件如何保存到桌面 瀏覽：701
win10配置ini文件 瀏覽：286
魅族18原裝數據線是多少A的 瀏覽：752
數據塊怎麼編程 瀏覽：437
linux讀取文件順序 瀏覽：808
c語言翻譯代碼 瀏覽：435
蘋果怎麼看聯系人在哪個文件夾 瀏覽：501
數控編程中m91代表什麼意思 瀏覽：273
星球庄園這款app怎麼樣 瀏覽：615
紅頭文件內容什麼字體 瀏覽：344

友情鏈接