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