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

【 tulaoshi.com - Web开发 】

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

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

　　一）格式：

　　form name="表单的名称" method="get | post" action="URL"　　TEXTAREA name="字符串" ROWS="整数" COLS="整数" [READONLY] ....../TEXTAREA　　/form

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

　　二）属性：

多行文本框具有以下属性(表一）

　　指定多行文本框的名称。

　　三）实例的代码：

　　实例8(8.asp)

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

　　二）属性：

列表框具有以下属性(表二）

　　指定选项控件的名称。

　　OPTION具有以下属性(表三）

　　指定选项文本。

　　三）实例代码：

　　实例9(9.asp)

htmlheadtitle使用列表框/titlestyle type="text/css"body,td,th {font-size: 11pt;color: #000000;line-height: 1.5;}body {margin-top: 50px;margin-bottom: 0px;}/style/headbodycenterh3使用列表框/h3hr width="50%"Select size=2 style="width:100px;" name="select1"option value="Bei jings"北京/optionoption value="Shang hai"上海/optionoption value="Tian jin"天津/optionoption value="Chong qing"重庆/option/Selectp列表框中的选项个数：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/centerScript 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)

htmlheadtitle控件组件实例/title/headbodyformtable align="center"trtdfieldsetlegendb个人资料/b/legendtable bgcolor="#d6d3ce" width="400" align="center"trtd align="right"姓名：/tdtdinput type="text" name="t1" size="20"/td/trtrtd align="right"性别：/tdtdinput type="radio" name="r1" checked value="男"男    input type="radio" name="r1" value="女"女/td/trtrtd align="right"出生日期：/tdtdinput type="text" name="t2" size="20"/td/trtrtd valign="top" align="right"个人特长：/tdtdtextarea rows="3" name="s1" colos="20"/textarea/td/tr/table/fieldset/td/trtrtd!-- ***************************************** --fieldsetlegendb专业与课程/b/legendtable bgcolor="#d6d3ce" width="400" align="center"trtd valign="top" align="right"所学专业：/tdtdselect size="1" name="d1"option selected计算机及应用/optionoption计算机网络技术/optionoption计算机软件/option/select/td/trtrtd valign="top" align="right"所学课程：/tdtdselect size="3" name="22" multipleoption计算机应用基础/optionoption办公软件/optionoption数据库应用基础/optionoptionVisual BASIC程序设计/optionoptionASP动态网页设计/option/select/td/tr/table/fieldsetp align="center"input type="submit" value="提交" name="b1"  input type="reset" value="全部重写" name="b2"/p/td/tr/table/form/body/html

　　 三）代码注解：

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

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