合作
咨詢
建站咨詢 
- 作者：
- 發表時間：2010-04-07 09:29
- 來源：
說實話，無論是asp,php還(hái)是jsp進行網絡編程的時候，都離不開(kāi)和用戶的交互。
而人機(jī)對話的平台，基本上(shàng)是靠相(xiàng)應的文本、列表框進行輸入，然後通(tōng)過按鈕提交送至數據庫的。
所以學習網絡編程就(jiù)一(yī)定要了解這些輸入平台相(xiàng)關的東西(xī)：表單（form）其基本格式如下(xià)：
可以總結出：表單即包括
之内的相(xiàng)關内容。其中内部可以分三大類：input，select，textarea
一(yī)，首先看(kàn)
參數name：用來表示該表單的唯一(yī)名稱，方便一(yī)個(gè)頁面建立多(duō)個(gè)表單而不混淆，當然更是為(wèi)了接受頁面的确認關系。
參數action：顯而易見(jiàn)，是表示當前的表單中所有内容将送交某個(gè)頁面去處理。處理包括接受信息，數據庫比較，添加，修改等。
參數method：即表單的提交方法，含兩種方法：post和get。post是傳輸信息内容，get是傳輸url值，具體用法将會(huì)在下(xià)一(yī)節“内置對象request”中介紹到(dào)
二，再來看(kàn)Input相(xiàng)關
Input表示Form表單中的一(yī)種輸入對象，其又(yòu)随Type類型的不同而分文本輸入框，密碼輸入框，單選/複選框，提交/重置按鈕等，下(xià)面一(yī)一(yī)介紹。
1，type=text
輸入類型是text，這是我們見(jiàn)的最多(duō)也是使用最多(duō)的，比如登陸輸入用戶名，注冊輸入電(diàn)話号碼，電(diàn)子郵件(jiàn)，家庭住址等等。當然這也是Input的默認類型。
參數name：同樣是表示的該文本輸入框名稱。
參數size：輸入框的長(cháng)度大小(xiǎo)。
參數maxlength：輸入框中允許輸入字符的最大數。
參數value：輸入框中的默認值
特殊參數readonly：表示該框中隻能(néng)顯示，不能(néng)添加修改。
2，type=password
不用我說，一(yī)看(kàn)就(jiù)明白(bái)的密碼輸入框，最大的區别就(jiù)是當在此輸入框輸入信息時顯示為(wèi)保密字符。
參數和“type=text”相(xiàng)類似。
3，type=file
當你在BBS上(shàng)傳圖片，在EMAIL中上(shàng)傳附件(jiàn)時一(yī)定少不了的東西(xī)：）
提供了一(yī)個(gè)文件(jiàn)目錄輸入的平台，參數有name，size。
4，type=hidden
非常值得注意的一(yī)個(gè)，通(tōng)常稱為(wèi)隐藏域：如果一(yī)個(gè)非常重要的信息需要被提交到(dào)下(xià)一(yī)頁，但又(yòu)不能(néng)或者無法明示的時候。
一(yī)句話，你在頁面中是看(kàn)不到(dào)hidden在哪裡(lǐ)。最有用的是hidden的值。
5，type=button
标準的一(yī)windows風格的按鈕，當然要讓按鈕跳轉到(dào)某個(gè)頁面上(shàng)還(hái)需要加入寫JavaScript代碼
6，type=checkbox
多(duō)選框，常見(jiàn)于注冊時選擇愛好、性格、等信息。參數有name,value及特别參數checked（表示默認選擇）
其實最重要的還(hái)是value值，提交到(dào)處理頁的也就(jiù)是value。（附：name值可以不一(yī)樣，但不推薦。）
name值可以不一(yī)樣，但不推薦
7，type=radio
即單選框，出現在多(duō)選一(yī)的頁面設定中。參數同樣有name,value及特别參數checked.
不同于checkbox的是，name值一(yī)定要相(xiàng)同，否則就(jiù)不能(néng)多(duō)選一(yī)。當然提交到(dào)處理頁的也還(hái)是value值。
下(xià)面是name值不同的一(yī)個(gè)例子，就(jiù)不能(néng)實現多(duō)選一(yī)的效果了
8，type=image
比較另類的一(yī)個(gè)，自(zì)己看(kàn)看(kàn)效果吧(ba)，可以作為(wèi)提交式圖片
9，type=submit and type=reset
分别是“提交”和“重置”兩按鈕
submit主要功能(néng)是将Form中所有内容進行提交action頁處理，reset則起個(gè)快速清空所有填寫内容的功能(néng)。
Input的Type總結下(xià)來有10個(gè)，還(hái)是不少的，呵呵
三，接著(zhe)再來看(kàn)Select相(xiàng)關
Select主要要來做下(xià)拉菜單，跳轉菜單，（下(xià)拉）列表。
其本身有内嵌代碼，option參數value值為(wèi)傳遞被處理的值，option還(hái)有參數selected，表示默認被選中的。
1，下(xià)拉菜單
隻是菜單式顯示。
2，跳轉菜單
在下(xià)拉菜單基礎上(shàng)添加JavaScript成為(wèi)跳轉菜單。
3，下(xià)拉列表
和下(xià)拉菜單最大的區别就(jiù)是select多(duō)了一(yī)個(gè)size值，該值并非長(cháng)度大小(xiǎo)，而是列表的上(shàng)下(xià)高(gāo)度。
當然還(hái)有更主要的是：菜單隻能(néng)選一(yī)個(gè)，而列表可以選多(duō)個(gè)，該特殊參數為(wèi)multiple size=1簡直就(jiù)是一(yī)個(gè)下(xià)拉菜單
size>1你會(huì)發現了大不同
加入了multiple發現可以多(duō)個(gè)選擇了，包括Shift進行快速全選及Ctrl進行點選
四，最後關注的Textarea
可以将Textarea文本區域理解為(wèi)擴大化了的文本輸入框。
其參數沒有value，默認值設定在之間。
其它參數還(hái)有rows,表示文本區域的行數；參數cols，表示文本區域的列數。
還(hái)有參數warp，當warp=off表示該文本區域中的不自(zì)動換行，當然不寫默認是自(zì)動換行的。
