HTML 表單用于搜集不同類型的用戶輸入_第1頁
HTML 表單用于搜集不同類型的用戶輸入_第2頁
HTML 表單用于搜集不同類型的用戶輸入_第3頁
HTML 表單用于搜集不同類型的用戶輸入_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、.HTML 表單用于搜集不同類型的用戶輸入。實例文本域 (Text field)本例演示如何在 HTML 頁面創(chuàng)建文本域。用戶可以在文本域中寫入文本。密碼域本例演示如何創(chuàng)建 HTML 的密碼域。(可以在本頁底端找到更多實例。)表單表單是一個包含表單元素的區(qū)域。表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復(fù)選框等等)輸入信息的元素。表單使用表單標(biāo)簽()定義。. input 元素.輸入多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽()。輸入類型是由類型屬性(type)定義的。大多數(shù)經(jīng)常被用到的輸入類型如下:文本域(Text Fields)當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時,就會用到文本域

2、。First name: Last name: 瀏覽器顯示如下:窗體頂端First name:Last name:窗體底端注意,表單本身并不可見。同時,在大多數(shù)瀏覽器中,文本域的缺省寬度是20個字符。單選按鈕(Radio Buttons)當(dāng)用戶從若干給定的的選擇中選取其一時,就會用到單選框。 Male Female瀏覽器顯示如下:窗體頂端MaleFemale窗體底端注意,只能從中選取其一。復(fù)選框(Checkboxes)當(dāng)用戶需要從若干給定的選擇中選取一個或若干選項時,就會用到復(fù)選框。I have a bikeI have a car瀏覽器顯示如下:窗體頂端I have a bikeI have

3、 a car窗體底端表單的動作屬性(Action)和確認按鈕當(dāng)用戶單擊確認按鈕時,表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理。Username: 瀏覽器顯示如下:窗體頂端Username:窗體底端假如您在上面的文本框內(nèi)鍵入幾個字母,然后點擊確認按鈕,那么輸入數(shù)據(jù)會傳送到 html_form_action.asp 的頁面。該頁面將顯示出輸入的結(jié)果。更多實例復(fù)選框本例演示如何在 HTML 頁中創(chuàng)建復(fù)選框。用戶可以選中或取消選取復(fù)選框。單選按鈕本例演示如何在 HTML 中創(chuàng)建單選按鈕。簡單的下拉列表本例演示如何

4、在 HTML 頁面中創(chuàng)建簡單的下拉列表框。下拉列表框是一個可選列表。另一個下拉列表本例演示如何創(chuàng)建一個簡單的帶有預(yù)選值的下拉列表。(編者注:預(yù)選值指預(yù)先指定的首選項。)文本域(Textarea)本例演示如何創(chuàng)建文本域(多行文本輸入控件)。用戶可在文本域中寫入文本??蓪懭胱址淖謹?shù)不受限制。創(chuàng)建按鈕本例演示如何創(chuàng)建按鈕。你可以對按鈕上的文字進行自定義。Fieldset around data本例演示如何在數(shù)據(jù)周圍繪制一個帶標(biāo)題的框。表單實例帶有輸入框和確認按鈕的表單本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。帶有復(fù)選框的表單此表單包含兩個復(fù)選框和一個確認按鈕。帶有單選按鈕的表單此表單包含兩個單選框和一個確認按鈕。從表單發(fā)送電子郵件此例演示如何從表單發(fā)送電子郵件。表單標(biāo)簽標(biāo)簽描述定義供用戶輸入的表單定義輸入域定義文本域 (一

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論