ASP編程入門進階（二）：認識表單

2020-07-27 13:19:48

字體：大中小

來源：轉載

供稿：網友

說實話，無論是asp,php還是jsp進行網絡編程的時候，都離不開和用戶的交互。
而人機對話的平臺，基本上是靠相應的文本、列表框進行輸入，然后通過按鈕提交送至數據庫的。
所以學習網絡編程就一定要了解這些輸入平臺相關的東西：表單（form）
其基本格式如下：

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]
可以總結出：表單即包括<form>...</form>之內的相關內容。
其中內部可以分三大類：input，select，textarea

一，首先看<form>內部參數
參數name：用來表示該表單的唯一名稱，方便一個頁面建立多個表單而不混淆，當然更是為了接受頁面的確認關系。
參數action：顯而易見，是表示當前的表單中所有內容將送交某個頁面去處理。處理包括接受信息，數據庫比較，添加，修改等。
參數method：即表單的提交方法，含兩種方法：post和get。post是傳輸信息內容，get是傳輸url值，具體用法將會在下一節“內置對象request”中介紹到

二，再來看Input相關
Input表示Form表單中的一種輸入對象，其又隨Type類型的不同而分文本輸入框，密碼輸入框，單選/復選框，提交/重置按鈕等，下面一一介紹。
1，type=text
輸入類型是text，這是我們見的最多也是使用最多的，比如登陸輸入用戶名，注冊輸入電話號碼，電子郵件，家庭住址等等。當然這也是Input的默認類型。
參數name：同樣是表示的該文本輸入框名稱。
參數size：輸入框的長度大小。
參數maxlength：輸入框中允許輸入字符的最大數。
參數value：輸入框中的默認值
特殊參數readonly：表示該框中只能顯示，不能添加修改。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

2，type=password
不用我說，一看就明白的密碼輸入框，最大的區別就是當在此輸入框輸入信息時顯示為保密字符。
參數和“type=text”相類似。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

3，type=file
當你在BBS上傳圖片，在EMAIL中上傳附件時一定少不了的東西：）
提供了一個文件目錄輸入的平臺，參數有name，size。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

4，type=hidden
非常值得注意的一個，通常稱為隱藏域：如果一個非常重要的信息需要被提交到下一頁，但又不能或者無法明示的時候。
一句話，你在頁面中是看不到hidden在哪里。最有用的是hidden的值。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

5，type=button
標準的一windows風格的按鈕，當然要讓按鈕跳轉到某個頁面上還需要加入寫JavaScript代碼

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

6，type=checkbox
多選框，常見于注冊時選擇愛好、性格、等信息。參數有name,value及特別參數checked（表示默認選擇）
其實最重要的還是value值，提交到處理頁的也就是value。（附：name值可以不一樣，但不推薦。）

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

7，type=radio
即單選框，出現在多選一的頁面設定中。參數同樣有name,value及特別參數checked.
不同于checkbox的是，name值一定要相同，否則就不能多選一。當然提交到處理頁的也還是value值。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

8，type=image
比較另類的一個，自己看看效果吧，可以作為提交式圖片

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

9，type=submit and type=reset
分別是“提交”和“重置”兩按鈕
submit主要功能是將Form中所有內容進行提交action頁處理，reset則起個快速清空所有填寫內容的功能。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

Input的Type總結下來有10個，還是不少的，呵呵

三，接著再來看Select相關
Select主要要來做下拉菜單，跳轉菜單，（下拉）列表。
其本身有內嵌代碼<option>...</option>，option參數value值為傳遞被處理的值，option還有參數selected，表示默認被選中的。
1，下拉菜單
只是菜單式顯示。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

2，跳轉菜單
在下拉菜單基礎上添加JavaScript成為跳轉菜單。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

3，下拉列表
和下拉菜單最大的區別就是select多了一個size值，該值并非長度大小，而是列表的上下高度。
當然還有更主要的是：菜單只能選一個，而列表可以選多個，該特殊參數為multiple

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

四，最后關注的Textarea
可以將Textarea文本區域理解為擴大化了的文本輸入框。
其參數沒有value，默認值設定在<textarea>...</textarea>之間。
其它參數還有rows,表示文本區域的行數；參數cols，表示文本區域的列數。
還有參數warp，當warp=off表示該文本區域中的不自動換行，當然不寫默認是自動換行的。

[Ctrl+A 全部選擇進行拷貝提示：可先修改部分代碼，再點擊運行]

最后總結：input根據type分10類，select從option處又分菜單和列表，textarea有行有列的文本輸入區域

值得推薦的兩篇文章
花樣表單：http://www.blueidea.com/tech/web/2003/377.asp
表單特效：http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=271

上一篇：ASP編程入門進階（三）：接觸腳本程序

下一篇：ASP編程入門進階（一）：安裝配置服務器