加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > Asp教程 > 正文

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

发布时间:2016-08-17 12:54:38 所属栏目:Asp教程 来源:站长网
导读:除了使用INPUT标记创建输入型表单控件外,也可以使用TEXTAREA标记创建多行文本框,或使用SELECT标记创建选项选单,还可以使用FIELDSET标记以表单中的控件进行分
除了使用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>

(编辑:常州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读