除了使用INPUT标记创建输入型表单控件外,也可以使用TEXTAREA标记创建多行文本框,或使用SELECT标记创建选项选单,还可以使用FIELDSET标记以表单中的控件进行分组。
1、在表单中使用多行文本框控件
一)格式:
<form name="表单的名称" method="get | post" action="URL"> <TEXTAREA name="字符串" ROWS="整数" COLS="整数" [READONLY] >......</TEXTAREA> </form>
注:在<TEXTAREA></TEXTAREA>中输入的文本将作为该控件的初始值。
二)属性:
多行文本框具有以下属性(表一)
三)实例的代码:
实例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 f1 f1=request.form("内容") if f1<>"" then a="<center><b>您的留言为:" b="</b></center>" response.write a & f1 & b else response.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>
二)属性:
列表框具有以下属性(表二)
OPTION具有以下属性(表三)
三)实例代码:
实例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.selectedindex text1.value=select1.length text2.value=select1.options(i).value text3.value=select1.options(i).text </Script> </body> </html> (编辑:滁州站长网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|