天天看點

好程式員web前端分享HTML表單和輸入

 好程式員web前端分享HTML表單用于搜集不同類型的使用者輸入。

  表單

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

  表單元素是允許使用者在表單中(比如:文本域、下拉清單、單選框、複選框等等)輸入資訊的元素。

  表單使用表單标簽(

  )定義。

  ...

  input 元素

  輸入

  多數情況下被用到的表單标簽是輸入标簽()。輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:

  文本域(Text Fields)

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

  First name:

  Last name:

  浏覽器顯示如下:

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

  單選按鈕(Radio Buttons)

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

  Male

  Female

  注意,隻能從中選取其一。

  複選框(Checkboxes)

  當使用者需要從若幹給定的選擇中選取一個或若幹選項時,就會用到複選框。

  I have a bike

  I have a car

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

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

  Username:

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

  表單标簽

  标簽描述

  定義供使用者輸入的表單

  定義輸入域

  定義文本域 (一個多行的輸入控件)

  定義一個控制的标簽

  定義域

  定義域的标題

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

  已廢棄。有代替。

繼續閱讀