好程式設計師web前端分享HTML表單和輸入

　 好程式設計師 web 前端分享 HTML 表單用於蒐集不同型別的使用者輸入。

 

　　表單

 

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

 

　　表單元素是允許使用者在表單中 ( 比如：文字域、下拉選單、單選框、核取方塊等等 ) 輸入資訊的元素。

 

　　表單使用表單標籤 (

 

　　) 定義。

　　...

　　input 元素

　　...

　　輸入

　　多數情況下被用到的表單標籤是輸入標籤 () 。輸入型別是由型別屬性 (type) 定義的。大多數經常被用到的輸入型別如下：

 

　　文字域 (Text Fields)

 

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

 

　　First name:

<p><font size="3">　　 Last name:</font></p>

 

　　瀏覽器顯示如下：

 

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

 

　　單選按鈕 (Radio Buttons)

 

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

 

　　Male

<p><font size="3">　　 Female</font></p>

 

　　瀏覽器顯示如下：

 

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

 

　　核取方塊 (Checkboxes)

 

　　當使用者需要從若干給定的選擇中選取一個或若干選項時，就會用到核取方塊。

 

　　I have a bike

 

　　I have a car

 

　　瀏覽器顯示如下：

 

　　表單的動作屬性 (Action) 和確認按鈕

 

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

 

　　Username:

 

　　瀏覽器顯示如下：

 

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

 

　　表單標籤

 

　　標籤描述

 

　　定義供使用者輸入的表單

 

　　定義輸入域

 

　　定義文字域 ( 一個多行的輸入控制元件 )

 

　　定義一個控制的標籤

 

　　定義域

 

　　定義域的標題

 

　　定義一個選擇列表　　　　定義選項組　　　　定義下拉選單中的選項　　　　定義一個按鈕　　　　可以搜尋該索引。請鍵入要搜尋的關鍵字 :

 

　　已廢棄。有代替。