為了讓用戶通過表單輸入數據,可以使用INPUT標記創建各種表單控件,通過將INPUT標記的TYPE屬性設置為不同的值,可以創建不同類型的輸入型表單控件。
1、單行文本框,格式如下:
一)格式:
<form name="表單的名稱" method="get | post" action="URL">
<input type="text" name="字符串" value="字符串" size="整數" maxlength="整數">
</form>
二)屬性:
單行文本框具有以下屬性(表一)
屬 性 含 意 NAME指定文本框的名稱,通過它可以在腳本中引用該文本框。
VALUE 指定單行文本框的初始值。 SIZE 指定單行文本框的寬度。 MAXLENGTH 指定允許在文本框內輸入的最大字符數。三)實例的代碼:
實例1(1.asp)
<html>
<head><title>簡單的登錄表單</title>
</head>
<body>
<form method="post" name="form1" action="1.asp">
<table align="center" bgcolor="#d6d3ce" width="500">
<tr bgcolor="#0099cc">
<th colspan="2" align="center">
<font color="#fffff">登錄表單</font></th>
</tr>
<tr>
<td align="right" width="150" height="50">用戶名:</td>
<td width="350" height="50"><input type="text" name="姓名" size="20"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="reset" name="reset1" value="重設數據"> <input type="submit" name="submit1" value="提交數據">
</tr>
</table>
</form>
<%
dim t1,a,b
t1=request.form("姓名")
if t1<>"" then
a="<center><b>您的姓名為:"
b="</b></center>"
response.write a & t1 & b
else
response.write "<center><b>您還沒有輸入大名</b></center>"
end if
%>
</body>
</html>
2、在表單中使用密碼控件。格式如下:
一)格式:
<form name="表單的名稱" method="get | post" action="URL">
<input type="password" name="字符串" value="字符串" size="整數" maxlength="整數">
</form>
其屬性有NAME、VALUE、SIZE 和 MAXLENGTH 四項,其含意請參見表一。
二)實例代碼:
實例2(2.asp)
<html>
<head><title>簡單的登錄表單</title>
</head>
<body>
<form method="post" name="form1" action="2.asp">
<table align="center" bgcolor="#d6d3ce" width="500">
<tr bgcolor="#0099cc">
<th colspan="2" align="center">
<font color="#fffff">登錄表單</font></th>
</tr>
<tr>
<td align="center" width="250" height="50">用戶名:<input type="text" name="姓名" size="14"></td>
<td align="center" width="250" height="50">密碼:<input type="password" name="密碼" size="14"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="reset" name="rest1" value="重設數據"> <input type="submit" name="submit1" value="提交數據">
</tr>
</table>
</form>
<%
dim t1,ps,a,b,c
t1=request.form("姓名")
ps=request.form("密碼")
if t1<>"" and ps<>"" then
a="<center><b>您的姓名為:"
b="</b></center>"
c="<center><b>您的密碼為:"
response.write a & t1 & b & "<br>"
response.write c & ps & b
else
response.write "<center><b>您還沒有輸入大名和密碼。</b></center>"
end if
%>
</body>
</html>
3、在表單中添加按鈕控件,格式如下:
一)格式:
<form name="表單的名稱" method="get | post" action="URL">
<input type="submit|reset|button" name="字符串" value="字符串" onClick="過程名">
</form>
二)屬性
按鈕控件具有以下屬性(表二)
屬 性 含 意 NAME指定按鈕控件的名稱。
VALUE 指定單行按鈕控件的初始值。 TYPE指定按鈕控件的類型,取值有以下三種。
1、submit: 創建一個提交按鈕。在表單中添加提交按鈕後,站點訪問者可以在填寫好表單之後提交。當提交表單時,表單數據(包括提交按鈕的名稱和值)以ASCII文本形式送到由表單的action屬性指定的表單處理程序。一般來說,表單中必須有一個提交按鈕。
2、reset: 創建一個重置按鈕。在表單中添加重寫按鈕後,站點訪問者可以將表單重新設回其默認值。單擊該按鈕時,將刪除任何已經輸入到域中的文本並清除所做的任何選擇。但是,如果框中含有默認文本或選項為默認,單擊重置按鈕將會恢復這些設置值。
3、button: 創建一個自定義按鈕。在表單中添加自定義按鈕時,為了賦予按鈕某種操作,必須為按鈕編寫腳本。
三)事件:
按鈕控件還支持 onClick 事件。
四)實例代碼:
實例3(3.asp)
<HTML>
<HEAD><TITLE>在表單中使用按鈕控件</TITLE>
<SCRIPT LANGUAGE="VBSCRIPT">
SUB MYSUB()
AB="這是按鈕的單擊事件"
MSGBOX AB
END SUB
SUB MYSUB1()
Window.location.href=http://bianceng.cn
end sub
</SCRIPT>
</HEAD>
<BODY>
<center><H3>調用事件過程</H3><HR WIDTH="70%" color="#009999">
<INPUT TYPE="BUTTON" NAME="BUTTON" VALUE="事件" ONCLICK="MYSUB">
<INPUT TYPE="BUTTON" NAME="BUTTON1" VALUE="網易" ONCLICK="MYSUB1">
</center>
</BODY>
</HTMl>