?? 6-1.cfm.htm
字號:
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2”></p>
<p ALIGN="JUSTIFY"><BR><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 ACTION＝“someotherdirectory/myotherpage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“anothertextbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“anothertextbox2”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋體" SIZE="3">Submit Me Also!</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">這個HTML代碼不能正常工作，因為一個<FORM>標識符嵌在另一個中。如果你發現一個窗體不如你所期望的那樣正常工作，你就得好好檢查一下，看是否你偶然地將<FORM>標識符交錯了，或是忘記結束你的一個窗體。</p>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">文本框</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">最基本的窗體元素是文本框（見圖6.3）。你可以用不帶屬性的<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” TYPE=“text”></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"><img SRC="Image36.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image36.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.3 文本框</p>
</b>
<p ALIGN="JUSTIFY">注意第一個文本框的TYPE屬性設為“text”，你可以根據你的需要在文本框中包含這個屬性。但這沒有什么特別的效果，因為<INPUT>標識符缺省地將TYPE設為“text”。</p>
<p ALIGN="JUSTIFY">你也可以使用<INPUT>的VALUE屬性來指定在用戶輸入前缺省狀態下文本框中顯示的文字。例如，假設你有一個文本框，讓用戶在其中輸入他的國別，你預計你的大部分用戶都是美國人，你可以使用下面的語句將缺省國別設為美國：</p>
<p ALIGN="JUSTIFY"><INPUT NAME=“country” VALUE=“USA”></p>
<p ALIGN="JUSTIFY"><INPUT>的另一個有用的屬性是SIZE，使用它你可以控制一個文本框的寬度。你應該根據需要以字符數來指定SIZE屬性的值。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">由于文本框中顯示字體的大小不是固定的，文本框的長度可能不夠用來顯示一定數量的字符。這是因為不同的字符有不同的寬度，因此你應當將你的文本框的大小設得比你要輸入的最大字符數要大些。</p>
<p ALIGN="JUSTIFY">文本框的最后一個很有用的屬性是MAXLENGTH。通常你可以一直在文本框中輸入文字，因為文本框會自動地水平滾動來讓你輸入更多的東西，但是這有下面的兩個弊端：</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">首先在原理上，某些用戶會蓄意在你網點的文本框中輸入非常多的文本，讓你的網點嚴重超負荷而無法處理它們。你應當設定用戶行為的限度，因此為安全著想，你應當使用MAXLENGTH屬性來控制你的用戶最多可在文本框中輸入多少信息。</p>
<p ALIGN="JUSTIFY">有時你蓄意強制用戶輸入一定長度的信息。例如，你想讓用戶輸入6個數字的郵政編碼，而不是其它位數的，這就要靠MAXLENGTH來實現。</p>
</blockquote>
</blockquote>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">窗體按鈕</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">在HTML窗體中典型使用的按鈕有三種，我們已經介紹了第一種按鈕――Submit按鈕。當你點擊Submit按鈕時，窗體由<FORM>的ACTION屬性所指定的程序進行處理，Submit按鈕的用法如下所示：</p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Do it!”></p>
<p ALIGN="JUSTIFY">VALUE屬性的值決定了在按鈕上顯示的文字。</p>
<p ALIGN="JUSTIFY">圖形按鈕與Submit按鈕的效果幾乎是一樣的，然而這種類型的按鈕顯示出來是一幅圖象，而不是一個難看的灰色矩形框（見圖6.4）。下面的例子說明了怎樣使用圖形按鈕：</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=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=IMAGE SRC=“myimage.gif” BORDER=0></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image37.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image37.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.4 圖象按鈕</p>
</b>
<p ALIGN="JUSTIFY">和把圖象當作超鏈接時的情況一樣，你應當把BORDER屬性的值設為零來隱藏在諸如Netscape
Navigator這樣的瀏覽器上顯示時會出現在圖象周圍的黑框。在某些情況下，這個附加的圖象框會令人分心。你也可以在圖象按鈕中使用<IMG>標識符的其它屬性（見第5章“初級HTML”）。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">圖象按鈕的一個有趣現象是當點擊它時，不但提交窗體信息，而且提交圖象被點擊點的坐標。例如，如果你在一個長寬各為5個象素的圖象中央點擊它，則在窗體信息之后就會傳送點擊點的坐標（3，3）。</p>
<p ALIGN="JUSTIFY">圖象按鈕的這個特性對于將窗體功能組合成image map是很有用的（image
map將在下一章討論）。通常的image map不允許你交流窗體的內容。</p>
<p ALIGN="JUSTIFY">最后一種按鈕類型是reset按鈕。當用戶點擊reset按鈕后，所有的窗體內容都恢復到它們初始的值。例如，沒有缺省值的文本框將被清空，而用VALUE屬性指定了值的將回到初始的特定值。與Submit按鈕的情況一樣，你通過VALUE屬性指定顯示在reset按鈕上的文字。如下面的例子所示：</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=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2” VALUE=“mydefault”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=RESET VALUE=“Clear Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中，窗體用戶點擊標有Clear Me!的按鈕后，所有窗體值都被清除并回到初始狀態的值。在一個特定窗體中使用這三種按鈕沒有什么限制，這將很方便，特別是對于Submit按鈕。有時在一個網頁中有必要包含好幾個Submit按鈕，以使用戶在決定怎樣使用信息時就能發送窗體信息。</p>
<p ALIGN="JUSTIFY">例如，假設你的網點有一頁用于注冊，而且需要讓你的用戶能夠決定他們的注冊信息是保持隱秘，還是公開出來。一個方法是，你可以再加入一個附加窗體讓用戶能選擇，而最簡單的方法是你建立兩個Submit按鈕，一個上面寫著Register
Private，而另一個上面寫著Register Public。這后一種方法能讓用戶簡單地通過點擊兩個按鈕中的一個進行選擇。</p>
<p ALIGN="JUSTIFY">要使用多個按鈕，你需要為按鈕提供NAME屬性，看下面這個簡單的例子：</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><INPUT NAME=“Yes” TYPE=SUBMIT VALUE=“yes!”></p>
<p ALIGN="JUSTIFY"><BR><INPUT NAME=“No” TYPE=SUBMIT VALUE=“no!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在這里，點擊yes!或是no!按鈕都會激發同一個窗體行為，然而當窗體被處理時，用戶的選擇被獲取了（用戶的選擇怎樣被獲取可參閱第10章“初級SQL”及第11章“中級SQL”）。</p>
<p ALIGN="JUSTIFY">再次重申，本節你學會了HTML窗體中最常使用的三種類型的按鈕：</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">Submit按鈕，用于將窗體信息提交給服務器進行處理，或將信息通過E_Mail傳送給一個地址。</p>
<p ALIGN="JUSTIFY">圖象按鈕，與Submit按鈕的作用相同，但用圖象代替了文字。</p>
<p ALIGN="JUSTIFY">Reset按鈕，將所有窗體的值設置到初始狀態的值。</p>
</font><b><p ALIGN="JUSTIFY"> </p>
</blockquote>
</blockquote>
<font FACE="宋體">
<p ALIGN="JUSTIFY">密碼框</p>
</font></b><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">假設你想讓用戶在參觀你的網點之前先進行注冊，使用通常的文本框，你可以建立一個HTML窗體來獲得用戶的名字和密碼，但是你不想讓用戶在輸入他們
的密碼時，有人在他們的背后偷看。要保護用戶的密碼，你就要使用密碼輸入框（見圖6.5）。密碼框的工作原理與文本框類似，只是當信息輸入時是隱藏的。下面是個例子：</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">Please enter your name and password:</p>
<p ALIGN="JUSTIFY"><BR> Name: <INPUT NAME=“username”></p>
<p ALIGN="JUSTIFY"><BR> Password: <INPUT NAME=“password” TYPE=PASSWORD></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Continue”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image38.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image38.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.5 密碼框</p>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">值得重視的是在密碼框中輸入的文本在提交時是不被加密的，因此在理論上這意味著某些人可以在線路上竊取你在密碼框中輸入的文字。當這些文字通過Internet傳送給你的網站時，對大部分應用程序，這不會產生什么問題。你可以對HTML窗體中提交的信息進行加密來防止別人竊取這些信息。見第二章的“使用加密層”一節的“安裝和使用Internet信息服務器”。</p>
<p ALIGN="JUSTIFY">當上例的HTML文件在網絡瀏覽器上顯示時，你可以在密碼框中輸入文字，就如同在一般的文本框中輸入一樣。然而，所有輸入的文字都被隱藏了（通常是*號）。你可以在密碼框中使用SIZE和MAXLENGTH屬性來控制密碼框的長度及可在框中輸入的最大字符數。</p>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">復選框</p>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -