通过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
|
阅读(3015) | 评论(0) | 转发(0) |
