HTML基础实例

本文介绍了网络配置中的几种常见接入类型,包括PPPoE、DHCP、静态IP和PPP,并展示了如何通过选择不同的接入类型跳转到相应的配置页面。此外,还讨论了如何根据设备角色显示或隐藏特定设置选项,以及如何使用下拉菜单来选择数据位。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  

  1. 下拉链接;
  2. <tr>
  3.  <td height="24" class="IptTdLeft">接入类型:</td>
  4.  <td height="24" class="IptTdRight"><select name="nettype" onchange="goto(this)" class="sel">
  5.  <option value="PPPoE" >PPPoE</option>
  6.  <option value="DHCP">动态IP</option>
  7.  <option value="StaticIP" selected>静态IP</option>
  8.  <option value="PPP">PPP </option>
  9.  </select></td>
  10.  </tr>

  11. <script type="text/javascript" src="../js/check.js"></script>
  12. <script language="javascript">
  13. function goto(this_obj){
  14.     var obj = this_obj;
  15.     
  16.     if(obj.options[obj.selectedIndex].value =="PPPoE")
  17.         location.href="network_adsl.htm";
  18.     if(obj.options[obj.selectedIndex].value =="DHCP")
  19.         location.href="network_catablel.htm";
  20.     if(obj.options[obj.selectedIndex].value =="StaticIP")
  21.         location.href="network_ddn.htm";
  22.     if(obj.options[obj.selectedIndex].value =="PPP")
  23.         location.href="network_ppp.htm";
  24. }
  25. </script>

             

  1. 一,隐藏
  2. <script language="javascript">
  3. function chooseType(radioObj)
  4. {
  5.     var obj = radioObj;
  6.     if(radioObj.value== 1)
  7.     {
  8.         
  9.         document.getElementById("point_ip").style.display = "none";
  10.         
  11.     }
  12.     else
  13.     {
  14.         
  15.         document.getElementById("point_ip").style.display = "";
  16.         
  17.     }
  18. }
  19. </script>
  20. <tr>
  21. <td height="20" align="left"><input type="radio" name="conf_Mode" value="1" <?if(chop($result["Mode"])=="1") print "checked";?> onclick="chooseType(this)"></td>
  22. <td height="20" align="left"> 主设备 </td>
  23. </tr>
  24. <tr>
  25. <td height="20" align="left"><input type="radio" name="conf_Mode" value="0" <?if(chop($result["Mode"])=="0") print "checked";?> onclick="chooseType(this)"></td>
  26. <td height="20" align="left"> 从设备 </td>
  27. </tr>
  28. <tr id="point_ip" style="display:none" class="IptTr">
  29. <td height="24" class="IptTdLeft"> 服务器IP地址: </td>
  30. <td height="24" class="IptTdRight"><input name="conf_Serverip" type="text" size="15" value="<?=$result["Serverip"]?>">
  31. </td>
  32. </tr>
  1. 二,下拉菜单
  2. <tr class="IptTr">
  3.         <td height="24" class="IptTdLeft"> 数据位: </td>
  4.         <td height="24" class="IptTdRight">
  5.             <select name="conf_Sjw" class="sel"  >
  6.                 <option value="5" <?=($result["Sjw"]=="5")?"selected":""?>>5 </option>
  7.                 <option value="6" <?=($result["Sjw"]=="6")?"selected":""?>>6 </option>
  8.                 <option value="7" <?=($result["Sjw"]=="7")?"selected":""?>>7 </option>
  9.                 <option value="8" <?=($result["Sjw"]=="8")?"selected":""?>>8 </option>
  10.             </select>
  11.         </td>
  12. </tr>        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值