分享
 
 
 

ASP入门基础教程-使用其他表单控件

王朝asp·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

除了使用INPUT标记创建输入型表单控件外,也可以使用TEXTAREA标记创建多行文本框,或使用SELECT标记创建选项选单,还可以使用FIELDSET标记以表单中的控件进行分组。

1、在表单中使用多行文本框控件

一)格式:

<form name="表单的名称" method="get | post" action="URL">

<TEXTAREA name="字符串" ROWS="整数" COLS="整数" [READONLY] >......</TEXTAREA>

</form>

注:在<TEXTAREA></TEXTAREA>中输入的文本将作为该控件的初始值。

二)属性:多行文本框具有以下属性(表一) 属 性

NAME

指定多行文本框的名称。

ROW

指定多行文本框的行数。

COLS

指定多行文本框的宽度(以字符串为单位)。

READONLY

指定多行文本框不能被用户所修改。

三)实例的代码:

实例8(8.asp)<html><head><title>多行文本域</title><style type="text/css">body,td,th {font-size: 11pt;color: #000000;line-height: 1.5;}body {margin-top: 50px;margin-bottom: 0px;}</style></head><body><form method="post" name="form1" action="8.asp"><table align="center" bgcolor="#d6d3ce"><tr><th bgcolor="#0099cc"><font color="ffffff">多行文本域</font></th><tr><td height="50" align="left"><font color="000000">请您留言:</font></td></tr><tr><td height="50"><textarea name="内容" cols="50" rows="4">赠人玫瑰,手留余香。</textarea></td></tr><tr align="center"><td height="50" align="center"><input type="submit" value="提交" name="btnSubmit"><input type="reset" value="重置" name="btnReset"></td></tr></table><p><p><center>**********************************************</center></form><%dim f1f1=request.form("内容")if f1<>"" thena="<center><b>您的留言为:"b="</b></center>"response.write a & f1 & belseresponse.write "<center><b>您还没有留言。</b></center>"end if%></body></html>

2、在表单中使用选项控件

一)格式:

使用列表框控件,可以让访问者从列表单中选择选项。

<form name="表单的名称" method="get | post" action="URL">

<SELECT name="字符串" size="整数" [MULTIPLE]>

<OPTION [SELECTED] value="字符串">选项1</OPTION>

<OPTION [SELECTED] value="字符串">选项1</OPTION>

......

</SELECT>

</form>

二)属性:列表框具有以下属性(表二) 属 性

NAME

指定选项控件的名称。

SIZE

指定在列表中一次可以看到的选项数目。

MULTIPLE

指定是否允许作多项选择。

SELECTEDINDEX

返回或设置哪个选项被选取。

LENGTH

返回列表框中的选项个数。

style

设置列表框的样式,如高度,宽度,字体等 "style=width:100px;height=30px"。

OPTION具有以下属性(表三)属 性

TEXT

指定选项文本。

VALUE

指定选项的值。

SELECTED

可选项,加上本项表示该项是预置的,同一个<SELECT>标记只能有一个。

三)实例代码:

实例9(9.asp)<html><head><title>使用列表框</title><style type="text/css">body,td,th {font-size: 11pt;color: #000000;line-height: 1.5;}body {margin-top: 50px;margin-bottom: 0px;}</style></head><body><center><h3>使用列表框</h3><hr width="50%"><Select size=2 style="width:100px;" name="select1"><option value="Bei jings">北京</option><option value="Shang hai">上海</option><option value="Tian jin">天津</option><option value="Chong qing">重庆</option></Select><p>列表框中的选项个数:<input type="text" name="text1" size=3></p>选定项的Value值为:<input type="text" name="text2" size=10></p>选定项的text值为:<input type="text" name="text3" size=10></p></center><Script for="select1" event="onClick" Language="VBScript">i=select1.selectedindextext1.value=select1.lengthtext2.value=select1.options(i).valuetext3.value=select1.options(i).text</Script></body></html>

四)代码注解:

1、本例通过<select></select>标记定义了一个名为select1的列表框,并通过<option></option>标记定义各个选项。

2、在同一页面处理该表单,并显示各项值。

3、对表单控件分组

为了便于管理,可以将表单中的各控件进行分组。用<FIELDSET>标记必须以LEGEND标记开头,以指定控件组的标题,在LEGEND标记之后可以跟其他表单控件,也可以嵌套LEGEND标记。

一)格式:

<form name="表单的名称" method="get | post" action="URL">

<FIELDSET>

<LEGEND>控件组标题</LEGNED>

组内表单控件

</FIELDSET>

</form>

二)实例代码:

实例10(10.asp)<html><head><title>控件组件实例</title></head><body><form><table align="center"><tr><td><fieldset><legend><b>个人资料</b></legend><table bgcolor="#d6d3ce" width="400" align="center"><tr><td align="right">姓名:</td><td><input type="text" name="t1" size="20"></td></tr><tr><td align="right">性别:</td><td><input type="radio" name="r1" checked value="男">男&nbsp; &nbsp;&nbsp;<input type="radio" name="r1" value="女">女</td></tr><tr><td align="right">出生日期:</td><td><input type="text" name="t2" size="20"></td></tr><tr><td valign="top" align="right">个人特长:</td><td><textarea rows="3" name="s1" colos="20"></textarea></td></tr></table></fieldset></td></tr><tr><td><!-- ***************************************** --><fieldset><legend><b>专业与课程</b></legend><table bgcolor="#d6d3ce" width="400" align="center"><tr><td valign="top" align="right">所学专业:</td><td><select size="1" name="d1"><option selected>计算机及应用</option><option>计算机网络技术</option><option>计算机软件</option></select></td></tr><tr><td valign="top" align="right">所学课程:</td><td><select size="3" name="22" multiple><option>计算机应用基础</option><option>办公软件</option><option>数据库应用基础</option><option>Visual BASIC程序设计</option><option>ASP动态网页设计</option></select></td></tr></table></fieldset><p align="center"><input type="submit" value="提交" name="b1">&nbsp;&nbsp;<input type="reset" value="全部重写" name="b2"></p></td></tr></table></form></body></html>

三)代码注解:

1、本实例是一个在表单内套了一个二行一列的表格,第一行和第二行分别嵌入一个表单分组控件。第一个分组控件用于组织提交“个人资料”的控件。第二个分组控件用于组织提交“专业与课程”的控件。

2、表单内那个二行一列的表格,只是为设定表单的宽度。

查看全套"ASP入门基础"教程>>>>>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有