HTML集合属性的应用

简介: 如果以ASP表单(Form)中,有若干个CheckBox,负责同类信息的选取,这是可以采用集合属性,即将CheckBox的name设为相同,但Values设为不同即可,如 集合属性应用 请选择要操作的项目,提交数据后,将会显示您选择的项目 1.

如果以ASP表单(Form)中,有若干个CheckBox,负责同类信息的选取,这是可以采用集合属性,即将CheckBox的name设为相同,但Values设为不同即可,如

<!--set.html-->

<html>

<body>

<form method="post" action="set.asp">

<title>集合属性应用</title>

<p>请选择要操作的项目,提交数据后,将会显示您选择的项目</p>

<br>1.<input type="CheckBox" name="MyCheckBox" value="1">

<br>2.<input type="CheckBox" name="MyCheckBox" value="2">

<br>3.<input type="CheckBox" name="MyCheckBox" value="3">

<br>4.<input type="CheckBox" name="MyCheckBox" value="4">

<br>5.<input type="CheckBox" name="MyCheckBox" value="5">

<br>6.<input type="CheckBox" name="MyCheckBox" value="6">

<br><input type="submit" value="提交数据" name="B1">

</form>

</body>

</html>

当客户端选择了项目后,下面的set.asp将给出客户端选择的项目个数及值

<!--set.asp-->

<%@language=VBScript %>

<html>

<head>

<title>集合测试</title>

</head>

<body>

<%

Response.Write "<br>"您一共选择了 " & request("MyCheckBox").Count & "项,"

Response.Write "<br>"您选择的项目有: & request("MyCheckBox")

%>

</body>

</html>

 

相关文章
|
13天前
|
搜索推荐 定位技术 UED
HTML定位技术:种类、特点与应用
HTML定位技术:种类、特点与应用
|
1月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——工字型布局
【基于HTML5的网页设计及应用】——工字型布局
65 0
|
1月前
|
移动开发 HTML5 容器
【基于HTML5的网页设计及应用】——固定宽度布局
【基于HTML5的网页设计及应用】——固定宽度布局
28 0
|
1月前
|
移动开发 前端开发 数据安全/隐私保护
【基于HTML5的网页设计及应用】——用户注册
【基于HTML5的网页设计及应用】——用户注册
23 0
|
1月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
49 0
|
1月前
|
移动开发 HTML5
HTML5表格简单应用案例之[招聘需求表]
HTML5表格简单应用案例之[招聘需求表]
11 0
|
1月前
|
存储 开发者 SEO
|
1月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——float实现页面布局
【基于HTML5的网页设计及应用】——float实现页面布局
31 0
|
1月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——水平导航栏
【基于HTML5的网页设计及应用】——水平导航栏
57 0
|
1月前
|
JavaScript 前端开发
HTML JS 应用
HTML JS 应用
19 3