DHTML【3】--HTML

    從這一節開始我們就開始介紹HTML的标簽了，首先我們來介紹Form标簽。

    Form标簽也稱Form表單，From是與伺服器互動最重要的标簽，此标簽必須做到随手就寫，寫完就正常運作的地步。

    那麼什麼是Form标簽呢？我們幾乎每個人都有一個屬于自己的QQ号，而且這個QQ号和對應密碼自己都牢記于心，那麼你的QQ号是怎麼申請的呢？假如你是同過電腦在網頁申請的，申請的時候騰訊要求你填入相應資訊，确認完資訊騰訊再給你配置設定一個賬号和密碼，那麼說這些和Form标簽有什麼關系呢？

    其實不隻是注冊QQ号，凡是你注冊成為一個網站的會員或者Vip，也或者注冊郵箱，網站都要求你填寫資訊，網站擷取資訊就是擷取的Form标簽裡的内容，是以說Form标簽内的内容是和伺服器互動的。

    Form标簽裡主要放input标簽，input标簽一共有10種Type，這10種Type也要求全面掌握，下圖是對這十種Type的一個簡單的介紹：

    看完這張圖，相信你對Type的種類應該有一個概念性的認識了，在你的腦海中也許能想象到他們是什麼樣子的，最主要的還是掌握這些Type的使用方法和場合。

    Form還有兩個重要的屬性，Action與Method屬性，Action屬性的功能是定義一個 URL，當點選Submit時，向這個URL 發送資料；Method屬性的功能是向 actionURL 發送資料的 HTTP 方法，屬性值有Get和Post兩個，預設是Get。

那麼Get和Post有什麼差別呢？看下表：

送出方式

位址欄顯示資料

資料受位址欄限制

對敏感資訊安全

送出資訊封裝在

Get

是

否

請求行

Post

資料體

    其實二者的差別也可以簡單的這樣了解，從伺服器取資料的時候一般用Get，而向伺服器傳資料的時候一般用Post。

    關于Form的講解就到這裡，下面給出一個具體執行個體，大家在學習的時候也要模仿各大網站注冊頁面多做幾個執行個體，為日後工作做準備。

    執行個體：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>Form</code><code>method</code><code>=</code><code>"Post"</code><code>&gt;</code>

<code>&lt;</code><code>Table</code><code>border</code><code>=</code><code>"5"</code><code>bordercolor</code><code>=</code><code>"#0000FF"</code><code>cellSpacing</code><code>=</code><code>"0"</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>Tbody</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>tr</code><code>&gt;&lt;</code><code>td</code><code>&gt;使用者名：&lt;/</code><code>td</code><code>&gt;&lt;</code><code>td</code><code>&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"text"</code><code>name</code><code>=</code><code>"userName"</code><code>/&gt;&lt;/</code><code>td</code><code>&gt;&lt;/</code><code>tr</code><code>&gt;</code>

<code>  </code><code>&lt;/</code><code>Tbody</code><code>&gt;</code>

<code>&lt;</code><code>Tbody</code><code>&gt;</code>

<code>&lt;</code><code>tr</code><code>&gt;&lt;</code><code>td</code><code>&gt;密碼：&lt;/</code><code>td</code><code>&gt;&lt;</code><code>td</code><code>&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"password"</code><code>name</code><code>=</code><code>"psw"</code><code>/&gt;&lt;/</code><code>td</code><code>&gt;&lt;/</code><code>tr</code><code>&gt;</code>

<code>&lt;</code><code>tr</code><code>&gt;&lt;</code><code>td</code><code>&gt;确認密碼：&lt;/</code><code>td</code><code>&gt;&lt;</code><code>td</code><code>&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"password"</code><code>name</code><code>=</code><code>"repsw"</code><code>/&gt;&lt;/</code><code>td</code><code>&gt;&lt;/</code><code>tr</code><code>&gt;</code>

<code>&lt;</code><code>tr</code><code>&gt;&lt;</code><code>td</code><code>&gt;性别：&lt;/</code><code>td</code><code>&gt;&lt;</code><code>td</code><code>&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"radio"</code><code>name</code><code>=</code><code>"sex"</code><code>value</code><code>=</code><code>"nan"</code><code>/&gt;男&lt;</code><code>input</code><code>type</code><code>=</code><code>"radio"</code><code>name</code><code>=</code><code>"sex"</code><code>value</code><code>=</code><code>"nv"</code><code>/&gt;女&lt;/</code><code>td</code><code>&gt;&lt;/</code><code>tr</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>tr</code><code>&gt;&lt;</code><code>td</code><code>colSpan</code><code>=</code><code>"2"</code><code>align</code><code>=</code><code>"center"</code><code>&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"submit"</code><code>value</code><code>=</code><code>"注冊"</code><code>colSpan</code><code>=</code><code>"2"</code><code>/&gt;&lt;</code><code>input</code><code>type</code><code>=</code><code>"reset"</code><code>value</code><code>=</code><code>"重置"</code><code>&gt;&lt;/</code><code>td</code><code>&gt;&lt;/</code><code>tr</code><code>&gt;</code>

<code>&lt;/</code><code>Table</code><code>&gt;</code>

<code>&lt;/</code><code>Form</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>