<p> 除了使用INPUT标记创建输入型表单控件外，也可以使用TEXTAREA标记创建多行文本框，或使用SELECT标记创建选项选单，还可以使用FIELDSET标记以表单中的控件进行分组。</p><p> 1、在表单中使用多行文本框控件</p><p> 一）格式：</p><code> <form name="表单的名称" method="get | post" action="URL"><br /> <TEXTAREA name="字符串" ROWS="整数" COLS="整数" [READONLY] >......</TEXTAREA><br /> </form></code><p> 注：在<TEXTAREA></TEXTAREA>中输入的文本将作为该控件的初始值。</p><p> 二）属性：</p>多行文本框具有以下属性(表一） <table><tr><td><strong>属 性</strong></td><td><strong>含 意 </strong></td></tr><tr><td> NAME </td><td><p> 指定多行文本框的名称。</p></td></tr><tr><td> ROW </td><td>指定多行文本框的行数。</td></tr><tr><td> COLS</td><td>指定多行文本框的宽度（以字符串为单位）。</td></tr><tr><td> READONLY </td><td>指定多行文本框不能被用户所修改。</td></tr></table><p> 三）实例的代码：</p><p> 实例8(8.asp)</p><code><html><br /><head><title>多行文本域</title><br /><style type="text/css"><br />body,td,th {<br />font-size: 11pt;<br />color: #000000;<br />line-height: 1.5;<br />}<br />body {<br />margin-top: 50px;<br />margin-bottom: 0px;<br />}<br /></style><br /></head><br /><body><br /><form method="post" name="form1" action="8.asp"><br /><table align="center" bgcolor="#d6d3ce"><br /><tr><br /><th bgcolor="#0099cc"><font color="ffffff">多行文本域</font></th><br /><tr><br /><td height="50" align="left"><font color="000000">请您留言：</font></td><br /></tr><br /><tr><br /><td height="50"><textarea name="内容" cols="50" rows="4">赠人玫瑰，手留余香。</textarea></td><br /></tr><br /><tr align="center"><br /><td height="50" align="center"><input type="submit" value="提交" name="btnSubmit"><br /><input type="reset" value="重置" name="btnReset"></td><br /></tr><br /></table><br /><p><p><center>**********************************************</center><br /></form><br /><%<br />dim f1<br />f1=request.form("内容")<br />if f1<>"" then<br />a="<center><b>您的留言为："<br />b="</b></center>"<br />response.write a & f1 & b<br />else<br />response.write "<center><b>您还没有留言。</b></center>"<br />end if<br />%><br /></body><br /></html></code><p> 2、在表单中使用选项控件</p><p> 一）格式：</p><p> 使用列表框控件，可以让访问者从列表单中选择选项。</p><code> <form name="表单的名称" method="get | post" action="URL"><br /> <SELECT name="字符串" size="整数" [MULTIPLE]><br /> <OPTION [SELECTED] value="字符串">选项1</OPTION><br /> <OPTION [SELECTED] value="字符串">选项1</OPTION><br /> ......<br /> </SELECT><br /> </form></code><p> 二）属性：</p>列表框具有以下属性(表二） <table><tr><td><strong>属 性</strong></td><td><strong>含 意 </strong></td></tr><tr><td> NAME </td><td><p> 指定选项控件的名称。</p></td></tr><tr><td> SIZE </td><td>指定在列表中一次可以看到的选项数目。</td></tr><tr><td> MULTIPLE </td><td>指定是否允许作多项选择。</td></tr><tr><td> SELECTEDINDEX</td><td>返回或设置哪个选项被选取。</td></tr><tr><td> LENGTH </td><td>返回列表框中的选项个数。</td></tr><tr><td> style </td><td>设置列表框的样式，如高度，宽度，字体等 "style=width:100px;height=30px"。</td></tr></table><p> OPTION具有以下属性(表三）</p><table><tr><td><strong>属 性</strong></td><td><strong>含 意 </strong></td></tr><tr><td> TEXT </td><td><p> 指定选项文本。</p></td></tr><tr><td> VALUE </td><td>指定选项的值。</td></tr><tr><td> SELECTED </td><td>可选项，加上本项表示该项是预置的，同一个<SELECT>标记只能有一个。</td></tr></table><p> 三）实例代码：</p><p> 实例9(9.asp)</p><code><html><br /><head><title>使用列表框</title><br /><style type="text/css"><br />body,td,th {<br />font-size: 11pt;<br />color: #000000;<br />line-height: 1.5;<br />}<br />body {<br />margin-top: 50px;<br />margin-bottom: 0px;<br />}<br /></style><br /></head><br /><body><br /><center><h3>使用列表框</h3><hr width="50%"><br /><Select size=2 style="width:100px;" name="select1"><br /><option value="Bei jings">北京</option><br /><option value="Shang hai">上海</option><br /><option value="Tian jin">天津</option><br /><option value="Chong qing">重庆</option><br /></Select><br /><p><br />列表框中的选项个数：<input type="text" name="text1" size=3></p><br />选定项的Value值为：<input type="text" name="text2" size=10></p><br />选定项的text值为：<input type="text" name="text3" size=10></p></center><br /><Script for="select1" event="onClick" Language="VBScript"><br />i=select1.selectedindex<br />text1.value=select1.length<br />text2.value=select1.options(i).value<br />text3.value=select1.options(i).text<br /></Script><br /></body><br /></html></code><p> 四）代码注解：</p><p> 1、本例通过<select></select>标记定义了一个名为select1的列表框，并通过<option></option>标记定义各个选项。</p><p> 2、在同一页面处理该表单，并显示各项值。</p><p> 3、对表单控件分组</p><p> 为了便于管理，可以将表单中的各控件进行分组。用<FIELDSET>标记必须以LEGEND标记开头，以指定控件组的标题，在LEGEND标记之后可以跟其他表单控件，也可以嵌套LEGEND标记。</p><p> 一）格式：</p><code> <form name="表单的名称" method="get | post" action="URL"><br /> <FIELDSET><br /> <LEGEND>控件组标题</LEGNED><br /> 组内表单控件<br /> </FIELDSET><br /> </form></code><p> 二）实例代码：</p><p> 实例10(10.asp)</p><code><html><br /><head><title>控件组件实例</title></head><br /><body><br /><form><br /><table align="center"><br /><tr><td><br /><fieldset><br /><legend><b>个人资料</b></legend><br /><table bgcolor="#d6d3ce" width="400" align="center"><br /><tr><br /><td align="right">姓名：</td><br /><td><input type="text" name="t1" size="20"></td><br /></tr><br /><tr><br /><td align="right">性别：</td><br /><td><input type="radio" name="r1" checked value="男">男 <br /><input type="radio" name="r1" value="女">女</td><br /></tr><br /><tr><td align="right">出生日期：</td><br /><td><input type="text" name="t2" size="20"></td><br /></tr><br /><tr><br /><td valign="top" align="right">个人特长：</td><br /><td><textarea rows="3" name="s1" colos="20"></textarea></td><br /></tr><br /></table><br /></fieldset><br /></td><br /></tr><br /><tr><br /><td><br /><!-- ***************************************** --><br /><fieldset><br /><legend><b>专业与课程</b></legend><br /><table bgcolor="#d6d3ce" width="400" align="center"><br /><tr><br /><td valign="top" align="right">所学专业：</td><br /><td><select size="1" name="d1"><br /><option selected>计算机及应用</option><br /><option>计算机网络技术</option><br /><option>计算机软件</option><br /></select></td></tr><br /><tr><td valign="top" align="right">所学课程：</td><br /><td><select size="3" name="22" multiple><br /><option>计算机应用基础</option><br /><option>办公软件</option><br /><option>数据库应用基础</option><br /><option>Visual BASIC程序设计</option><br /><option>ASP动态网页设计</option><br /></select></td><br /></tr><br /></table><br /></fieldset><br /><p align="center"><br /><input type="submit" value="提交" name="b1"> <br /><input type="reset" value="全部重写" name="b2"></p><br /></td><br /></tr><br /></table><br /></form><br /></body><br /></html></code><p> 三）代码注解：</p><p> 1、本实例是一个在表单内套了一个二行一列的表格，第一行和第二行分别嵌入一个表单分组控件。第一个分组控件用于组织提交“个人资料”的控件。第二个分组控件用于组织提交“专业与课程”的控件。</p><p> 2、表单内那个二行一列的表格，只是为设定表单的宽度。</p><p> <img src="/content/uploadfile/200805/2008053117000441.gif" onclick="get_larger(this)" /><a href="http://tech.ddvip.com/2006-10/11618046459861.html" target="_blank">查看全套"ASP入门基础"教程>>>>></a></p>