?? 6-1.cfm.htm
字號:
<html>
<head>
<title>本章將擴充你的初級HTML標識符的知識，向你講述怎樣使用窗體、列表及表格</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">本章將擴充你的初級HTML標識符的知識，向你講述怎樣使用窗體、列表及表格。通過使用窗體，你可以與參觀你網頁的用戶進行交互，本章也向你介紹怎樣使用HTML標識符了創建信息列表，讀完本章后，你還可在你的網頁上使用HTML表格來設計更好的界面。</p>
</font><b><font FACE="宋體" SIZE="5">
<p ALIGN="JUSTIFY">使用</font><font SIZE="5">HTML</font><font FACE="宋體" SIZE="5">窗體</p>
</font></b><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">要建立一個交互式的網點，你需要使用HTML窗體，它可以讓你收集參觀你網點的用戶提供的信息，并對此作出反應。使用窗體，你可以建立類似復選框、單選按鈕及文本框的控件。</p>
<p ALIGN="JUSTIFY">掌握窗體的使用對高效的Active Server Pages編程是必需的。ASP腳本的一個主要功能是對HTML窗體中輸入的信息進行處理，因此，你應當將窗體看作是ASP應用程序中主要的用戶接口。</p>
<p ALIGN="JUSTIFY">要建立HTML窗體，可以使用<FORM>標識符，它是一個容器標識符，包含其它窗體元素并在它的屬性中指明對于此窗體中收集的信息應怎樣處理。下面是個非常簡單的窗體例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM></p>
<p ALIGN="JUSTIFY"><INPUT></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當這個HTML文件在網絡瀏覽器上顯示時，一個三維外觀的框會顯示在屏幕上（如圖6.1），你可以在框中輸入任何你需要的文字。然而它是死的，你輸入文字后什么也不會發生。這個窗體實在是太簡單了，沒有什么實際用途。</p>
<p ALIGN="JUSTIFY">這個例子的一個問題是窗體不知道何時你已經輸入信息完畢了。要解決這個問題，你需要加入另一個窗體元素：submit按鈕。下面的例子是同一個窗體，只是加了一個submit按鈕：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM></p>
<p ALIGN="JUSTIFY"><INPUT></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當你顯示這個修改后的HTML文件時，出現了一個具有Submit
Me!文字的按鈕，用鼠標點擊這個Submit Me!按鈕，你就表明你已經在這個文本框中輸入完信息了。這就通知瀏覽器它應該對輸入的信息進行處理。</p>
<p ALIGN="JUSTIFY"><img SRC="Image34.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image34.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.1 一個簡單的HTML窗體</p>
</b>
<p ALIGN="JUSTIFY">然而，現在窗體還不知道怎樣處理它收集到的信息，你必須通過<FORM>的ACTION屬性來通知窗體怎樣處理這些信息。ACTION屬性決定了窗體對輸入的信息將會采取何種方式處理。下面的例子顯示了怎樣使用這個屬性：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“MAILTO：</font><a
HREF="mailto:billg@microsoft.com"><font FACE="宋體" SIZE="3" COLOR="#0000ff"><u>billg@microsoft.com</u></font></a><font
FACE="宋體" SIZE="3">”></p>
<p ALIGN="JUSTIFY"><INPUT></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當你在窗體中輸入完信息并提交后，ACTION屬性就會告訴窗體信息應當立即被送往Microsoft的Bill
Gates。你可以使用下面的語句來將窗體信息發往任何一個Internet
地址：</p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“MAILTO：</font><a HREF="mailto:name@domain.com"><font
FACE="宋體" SIZE="3" COLOR="#0000ff"><u>name@domain.com</u></font></a><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">></p>
<p ALIGN="JUSTIFY">然而，你很少要將窗體信息發往一個E_Mail地址，在大部分情況下，你需要把窗體信息發給本地網點進行處理。第15章“使用多個Active
Server Pages”介紹了怎樣建立Active Server Pages腳本來處理窗體信息。要將窗體信息發往一個Active
Server Page，你可以使用下面的HTML語句：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“/somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><INPUT></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中，ACTION和METHOD屬性指明了窗體信息應當被發送給名為mypage.asp的Active
Server Pages去處理。ACTION屬性給出了Active Server Pages的路徑，METHOD屬性指明窗體信息通過什么方式送出。在此粒中，在文本框中輸入的窗體信息通過post方式送給Active
Server Pages。</p>
<p ALIGN="JUSTIFY">幾乎在所有的情況下，<FORM>標識符都和本例中的用法一樣，你可以通過ACTION屬性來指定處理窗體的Active
Server Page，并且通過METHOD屬性指定窗體信息用post方式發送。</p>
<p ALIGN="JUSTIFY">在這個例子中，還要加入一條語句才能使之實用化。當你包含例如文本框之類的窗體元素時，你應當為每個窗體元素起一個名字。你可以通過<INPUT>的NAME屬性來實現這一點。下面的例子有兩個不同的文本框，分別叫作text1和text2：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“text1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“text2”></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中，在名為text1的文本框中輸入的信息當被傳送給網站處理時，將會與名字text1相關聯，這樣在第一個文本框中輸入的信息就與在其它窗體元素中輸入的信息區別開來。</p>
<p ALIGN="JUSTIFY">窗體信息將會送到在ACTION屬性中指定的目的地去，這個信息包括用&符號分隔的名字和值。例如，如果你在第一個文本框中輸入your
first name，在第二個文本框中輸入your last name，則送去處理的信息將會是：</p>
<p ALIGN="JUSTIFY">text1=yourfirstname&text2=yourlastname</p>
<p ALIGN="JUSTIFY">事實上，在發送之前，窗體信息要先編碼。當文本編碼后，文本被一些特定的字符替換了。例如，空格符被加號（+）代替。因此如果你在第一個文本框中輸入This
is textbox1，而在第二個文本框中輸入This is textbox2，則下列的文本將會被送去處理：</p>
<p ALIGN="JUSTIFY">text1=This+is+textbox1&text2=This+is+textbox2</p>
<p ALIGN="JUSTIFY">當你從第15章中學會怎樣開發ASP腳本后，你將會學習怎樣處理編碼后的窗體信息。</p>
</font><b><font FACE="宋體">
<p ALIGN="JUSTIFY">在窗體中使用其它</font>HTML<font FACE="宋體">標識符</p>
</font></b><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">正如你在文件主體中使用HTML標識符一樣，你也可以在<FORM>標識符中使用幾乎所有的HTML標識符。這個特性對于為你的窗體元素建立標簽是很有用的。例如，如果你有一些文本框，你可能要為它們建立一些標簽，如下所示：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><BR><B>First Name：</B> <INPUT NAME=“firstname”></p>
<p ALIGN="JUSTIFY"><BR><B>Last Name：</B> <INPUT NAME=“lastname”></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"> </p>
<p ALIGN="JUSTIFY">在此例中，名為firstname的文本框的左邊有標簽文字（黑體）：First
Name，而名為lastname的文本框也是這樣（見圖6.2）。如果你需要，你也可以將特性放置于文本框的旁邊。通過使用圖象，你可以為你的窗體元素加上一些有趣的標簽。</p>
<p ALIGN="JUSTIFY">然而，用HTML標識符你無法改變顯示在窗體元素上的文字。例如，你用HTML無法讓Submit按鈕上的文字Submit
Me!以黑體顯示。而且，你無法控制在文本框中輸入的文本的外觀，這是現在HTML的一個弱點。你的窗體總是顯示灰色按鈕及黑色文字（除非你使用圖象，這將在下一節介紹）。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">雖然你不能用標準HTML來控制窗體元素中文字的外觀，但你可以在Netscape
Navigator 4.0和Internet Explorer 4.0中使用cascading style sheet來做到這一點?？蓞㈤喯乱徽聛韺W習怎樣使用cascading
style sheet。</p>
<p ALIGN="JUSTIFY"><img SRC="Image35.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image35.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.2 使用標簽的HTML窗體</p>
</b>
<p ALIGN="JUSTIFY">你可以在HTML文件主體的任何部位放置<FORM>標識符，而且――你會發現這很有用――你可以在同一個HTML文件中包含多個窗體。這對于激活不同的Active
Server Page腳本來處理不同的窗體信息是很有用的。要確保你的窗體不互相覆蓋，并且不能互相包含。例如，下面的HTML代碼是非法的：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Bad Form </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“somedirectory/mypage.asp” METHOD=“POST”></p>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -