html设置input输入内容等

3100阅读 0评论2013-03-26 dyli2000
分类:Html/Css

    通过html网页,有时候跟CGI或者其它的中介交互,可以实现一些简单的设置功能。避免设计windows软件的繁琐。     本例展示html中的input表单的几个常用方法。 图1、案例效果图   一、实现input的转入数字的限制     图1是一个简单页面,现在要求红色区域输入的数字在2~6550范围,如何处理? 1、设置该input的属性     需要给该input一个id,并创建一个onChange事件。 2、编写javascrit小脚本 function dataInput() {     var inputValue = (document.getElementById("unitId").value);     if(inputValue 6550)         document.getElementById("unitId").value = 6550; }     html提供了一个专业的函数getElementById。   二、如何限制input-text的输入字符串的长度 maxlength="4"     input表单有一个专门的属性,maxlength就可以解决问题。   附-案例完整代码 NETWORK          function dataInput()     {         var inputValue = (document.getElementById("unitId").value);         if(inputValue 6550)             document.getElementById("unitId").value = 6550;                  }                    
      
		
		
			     

   Setting
      
                   

         

                                                                                                                                                                                                                                                   
ID                                     ( Range of unit ID : 2~6550 )         
IP                       .                          .                          .                      
Netmask                             .                          .                          .                  
Getway                            .                          .                          .                          
Device type                                      A                     B                     C                              
                                                    
                                         
         
       
上一篇:.net中向线程过程传递参数的最优方法
下一篇:friend关键字之友元函数和友元类理论讲解