Design Code 設計密碼

表單

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、複選框等等）輸入信息的元素。

表單使用表單標籤（<form>）定義。

<form>
...
  input 元素
...
</form>
	

輸入

多數情況下被用到的表單標籤是輸入標籤（<input>）。輸入類型是由類型屬性（type）定義的。大多數經常被用到的輸入類型如下：

文本域（Text Fields）

當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。

<form>
First name: 
<code><input type="text" name="firstname" /></code>
<br />
Last name: 
<code><input type="text" name="lastname" /></code>
</form>
	

瀏覽器顯示如下：

注意，表單本身並不可見。同時，在大多數瀏覽器中，文本域的缺省寬度是20個字符。

單選按鈕（Radio Buttons）

當用戶從若干給定的的選擇中選取其一時，就會用到單選框。

<form>
 <code><input type="radio" name="sex" value="male" /></code> Male
<br />
<code><input type="radio" name="sex" value="female" /></code> Female
</form>
	

瀏覽器顯示如下：

注意，只能從中選取其一。

複選框（Checkboxes）

當用戶需要從若干給定的選擇中選取一個或若干選項時，就會用到復選框。

<form>
 <code><input type="checkbox" name="bike" /></code>
I have a bike
<br />
<code><input type="checkbox" name="car" /></code>
I have a car
</form>
	

瀏覽器顯示如下：

表單的動作屬性（Action）和確認按鈕

當用戶單擊確認按鈕時，表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理。

<form name="input" <code>action="html_form_action.asp" method="get"></code>
Username: 
<input type="text" name="user" />
<code><input type="submit" value="Submit" /></code> 
</form>
	

瀏覽器顯示如下：

假如您在上面的文本框內鍵入幾個字母，然後點擊確認按鈕，那麼輸入數據會傳送到"html_form_action.asp" 的頁面。該頁面將顯示出輸入的結果。