程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> ASP編程 >> ASP入門教程 >> ASP入門教程-使用其他表單控件

ASP入門教程-使用其他表單控件

編輯:ASP入門教程

除了使用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 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>

二)屬性:

列表框具有以下屬性(表二) 屬 性 含   意  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.selectedindex
text1.value=select1.length
text2.value=select1.options(i).value
text3.value=select1.options(i).text
</Script>
</body>
</html>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved