簡介
表單網頁(英語:WebForms),一個網頁表單可以將用戶輸入的數據,傳送到伺服器進行處理。因為網際網路的用戶會操作複選框、單選按鈕或文本欄位來填寫網頁上的表格,所以網頁窗體的形式類似檔案或資料庫。例如,網頁窗體可套用線上上的電子商務:以信用卡訂購產品、要求貨運,或可用於檢索數據(例如,搜尋引擎上搜尋)。
表單元素
實際用在HTML中的標籤有form、 input、 textarea、 select和option。表單標籤form定義的表單裡頭,必須有行為屬性action,它告訴表單當提交的時候將內容發往何處。
可選的方法屬性method告訴表單數據將怎樣傳送,有get(默認的)和post兩個值。常用到的是設定post值,它可以隱藏信息(get的信息會暴露在URL中)。
示例
所以一個表單元素看起來是這樣子的:
<form action="reg.asp" method="post">
</form>
input標籤在表單製作中起到的作用很重要。有10種形式,概括如下:
<input type="text" />是標準的文本框。它可以有一個值屬性value,用來設定文本框裡的默認文本。
<input type="password" /> 像文本框一樣,但是會以星號代替用戶所輸入的實際字元。
<input type="checkbox" />是複選框,用戶可以快速的選擇或者不選一個條目。它可以有一個預選屬性checked,像這樣的格式<input type="checkbox" checked="checked" />.
<input type="radio" /> 與複選框相似,但是用戶只可在一個組中選擇一個單選按鈕。它也有一個預選屬性checked,使用方法跟複選框一 樣。
<input type="file" /> 是展示你電腦上的檔案的一個區域,就像你在一個軟體中打開或者保存一個文檔一 樣。
<input type="submit" /> 是一個被點擊後提交表單的按鈕。你可以用值屬性value來控制按鈕上顯示的文本(下面的button和reset類型也可以這樣,稍後介紹),如下: <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
<input type="image" />以圖像代替按鈕文本,src屬性是必須的,像img標籤一樣。
<input type="button" />是一個如果沒有其他代碼的話什麼都不做的按鈕。
<input type="reset" /> 是一個點擊後會重置表單內容的按鈕。
<input type="hidden" /> 不會顯示任何東西,它用來傳輸諸如用戶正在用的頁面的名字或者Email地址等表單必須傳輸的東西。