HTML初級(jí)教程表單form_XHTML教程

表單可以用來(lái)在網(wǎng)頁(yè)中發(fā)送數(shù)據(jù)，非凡是經(jīng)常被用在聯(lián)系表單——用戶(hù)輸入信息然后發(fā)送到Email中。

表單本身是沒(méi)有什么用的。這需要編一個(gè)程序來(lái)處理輸入表單中的數(shù)據(jù)。這也超出了本站指南的范圍。假如使用網(wǎng)絡(luò)服務(wù)器來(lái)放置HTML，你能夠自助地找到一些簡(jiǎn)單的教程，開(kāi)發(fā)一個(gè)服務(wù)器端的程序使一個(gè)發(fā)送到Email的表單工作。

實(shí)際用在HTML中的標(biāo)簽有form、 input、 textarea、 select和option。

表單標(biāo)簽form定義的表單里頭，必須有行為屬性action，它告訴表單當(dāng)提交的時(shí)候?qū)��?nèi)容發(fā)往何處。

可選的方法屬性method告訴表單數(shù)據(jù)將怎樣發(fā)送，有g(shù)et（默認(rèn)的）和post兩個(gè)值。常用到的是設(shè)置post值，它可以隱藏信息（get的信息會(huì)暴露在URL中）。

所以一個(gè)表單元素看起來(lái)是這樣子的：


input標(biāo)簽是表單世界中的“老大”。有10種形式，概括如下：

■　<input type="text" />是標(biāo)準(zhǔn)的文本框。它可以有一個(gè)值屬性value，用來(lái)設(shè)置文本框里的默認(rèn)文本。
■　<input type="password" /> 像文本框一樣，但是會(huì)以星號(hào)代替用戶(hù)所輸入的實(shí)際字符。
■　<input type="checkbox" />是復(fù)選框，用戶(hù)可以快速的選擇或者不選一個(gè)條目。它可以有一個(gè)預(yù)選屬性checked，像這樣的格式<input type="checkbox" checked="checked" />.
■　<input type="radio" /> 與復(fù)選框相似，但是用戶(hù)只可在一個(gè)組中選擇一個(gè)單選按鈕。它也有一個(gè)預(yù)選屬性checked，使用方法跟復(fù)選框一樣。
■　<input type="file" /> 是展示你電腦上的文件的一個(gè)區(qū)域，就像你在一個(gè)軟件中打開(kāi)或者保存一個(gè)文檔一樣。
■　<input type="submit" /> 是一個(gè)被點(diǎn)擊后提交表單的按鈕。你可以用值屬性value來(lái)控制按鈕上顯示的文本（下面的button和reset類(lèi)型也可以這樣，稍后介紹），如下： <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
■　<input type="image" />以圖像代替按鈕文本，src屬性是必須的，像img標(biāo)簽一樣。
■　<input type="button" />是一個(gè)假如沒(méi)有其他代碼的話(huà)什么都不做的按鈕。
■　<input type="reset" /> 是一個(gè)點(diǎn)擊后會(huì)重置表單內(nèi)容的按鈕。
■　<input type="hidden" /> 不會(huì)顯示任何東西，它用來(lái)傳輸諸如用戶(hù)正在用的頁(yè)面的名字或者Email地址等表單必須傳輸?shù)臇|西。
注重輸入標(biāo)簽input也是用“/>”自關(guān)閉的。

多行文本輸入框標(biāo)簽textarea基本上就是一個(gè)比較大的文本框。它必須有行屬性rows和列屬性cols，用法像這樣：


選定標(biāo)簽select與選項(xiàng)標(biāo)簽option一起可以制作一個(gè)下拉選框。是這樣工作的：


當(dāng)表單被提交時(shí)，被選中選項(xiàng)的值將被發(fā)送。

與復(fù)選框和單選按鈕的預(yù)選屬性checked一樣，選項(xiàng)標(biāo)簽option也有一個(gè)預(yù)選屬性selected，它可以用在這樣的格式中：<option value="mouse" selected="selected">Rodent</option>。

上述的標(biāo)簽中在網(wǎng)頁(yè)中看起來(lái)都不錯(cuò)，但是，假如你有一個(gè)程序來(lái)處理這個(gè)表單，這些標(biāo)簽都不起作用。這是因?yàn)�，表單字段需要名稱(chēng)。所以所有的字段中都需要增加名稱(chēng)屬性name，比如 <input type="text" name="talkingsponge" />。

一個(gè)表單看起來(lái)應(yīng)該像下面這樣（注重：這個(gè)表單不會(huì)工作，除非有一個(gè)用來(lái)提交數(shù)據(jù)的“contactus.php”的文件，它位于表單標(biāo)簽form的行為屬性action中。）


在HTML高級(jí)教程中還有更復(fù)雜的高階水平教程等著你，假如你想進(jìn)一步了解和學(xué)習(xí)。