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

熱點內容
名企筆試如何刷編程題 瀏覽：49
js跳到頁面某地 瀏覽：550
jsp展示clob欄位 瀏覽：779
nyx在網路上是什麼意思 瀏覽：145
樂播農業app是什麼 瀏覽：530
編程框架如何開發 瀏覽：136
金庸群俠傳3修改代碼 瀏覽：712
檢察院的文件類別有哪些 瀏覽：793
怎麼把九游殘留數據刪除 瀏覽：828
有什麼女生主動聊天的app 瀏覽：436
有哪些可以督促自己的app 瀏覽：244
用USB傳輸視頻文件夾顯示為空 瀏覽：710
恢復文件軟體免費版手機 瀏覽：648
lg怎麼隱藏文件 瀏覽：836
蘋果免費讀書app推薦 瀏覽：497
劉駿微信 瀏覽：113
書旗舊版本80 瀏覽：467
教編程考什麼證 瀏覽：990
下載編程貓後哪裡有客服 瀏覽：13
如何編輯歌曲文件格式 瀏覽：638

友情鏈接