html设置input输入内容等

简介:     通过html网页,有时候跟CGI或者其它的中介交互,可以实现一些简单的设置功能。避免设计windows软件的繁琐。     本例展示html中的input表单的几个常用方法。
    通过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                              
        
                                         
         
       
相关文章
|
7月前
|
Web App开发 缓存 搜索推荐
HTML中meta标签中属性详解并设置页面缓存策略
HTML中meta标签中属性详解并设置页面缓存策略
348 0
|
7月前
html中设置背景图片不重复不平铺只显示一张图片
html中设置背景图片不重复不平铺只显示一张图片
190 0
|
4天前
|
Web App开发 编解码 移动开发
HTML页面关于高分屏的设置
该文章讲述了HTML页面在高分屏环境下遇到的问题,主要涉及`window.innerWidth`和`window.innerHeight`等参数返回物理设备宽度而非实际像素宽度,导致Chrome和Firefox在PC及Android端表现不一致。为解决兼容性问题,文章建议在HTML头部添加`viewport`元标签,设置`width=device-width, initial-scale=1.0`,以确保适配不同设备的高分屏。
|
17天前
|
移动开发 JavaScript HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
19 0
|
17天前
HTML 文档声明和语言设置
HTML 文档声明和语言设置
|
7月前
Html如何设置段落空两格
Html如何设置段落空两格
198 1
|
17天前
vscode中设置HTML模板
vscode中设置HTML模板
|
17天前
|
Python
在Flask中,如果你想设置响应返回的HTML页面
【1月更文挑战第4天】【1月更文挑战第16篇】在Flask中,如果你想设置响应返回的HTML页面
30 1
|
17天前
|
Web App开发 移动开发 HTML5
HTML中input标签的23种type类型
HTML中input标签的23种type类型
|
7月前
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
40 0