HTML資料之表單

2021-08-15 13:31:02 字數 2846 閱讀 4623

◆ 表單的作用:

主要負責資料採集功能。

◆ 表單域:

相當於乙個容器,用來容納所有的表單控制項和提示資訊,定義處理表單資料所用程式的url位址,以及資料提交到伺服器的方法。如果不定義表單域,表單中的資料就無法傳送到後台伺服器。

格式:

屬性:

★ name:    定義表單的名稱

★ method: 定義表單結果從瀏覽器傳送到伺服器的方式,預設引數為:get

★ action : 指定表單處理程式的位置(伺服器端指令碼處理程式)

★ fieldset:表單分組

★ legend: 分組名稱

get方法:

★ 查詢字串(名稱/值對)是在 get 請求的 url 中傳送的

/test/demo_form.asp?name1=value1&name2=value2

1、請求可被快取

2、請求保留在瀏覽器歷史記錄中

3、請求可被收藏為書籤

4、請求不應在處理敏感資料時使用

5、請求有長度限制

6、請求只應當用於取回資料

post方法:

查詢字串(名稱/值對)是在 post 請求的 http 訊息主體中傳送的

1、請求不會被快取

2、請求不會保留在瀏覽器歷史記錄中

3、不能被收藏為書籤

4、請求對資料長度沒有要求

get方法和post方法對比:

getpost

與 post 相比,get 的安全性較差,因為所傳送的資料是 url 的一部分。

在傳送密碼或其他敏感資訊時絕不要使用 get !

post 比 get 更安全,因為引數不會被儲存在瀏覽器歷史或 web 伺服器日誌中。 可見性 資料在 url 中對所有人都是可見的。 資料不會顯示在 url 中。

◆ input控制項:

type屬性為其最基本的屬性,其取值有多種,用於指定不同的控制項型別。

★ text:    單行文字輸入框

★ password:密碼輸入框

★ radio: 單選按鈕

★ checkbox:核取方塊

★ button: 普通按鈕

★ submit: 提交按鈕

★ reset: 重置按鈕

★ image: 影象形式的提交按鈕

★ hidden: 隱藏域

★ file: 檔案域(檔案上傳)

其他屬性:

★ name:     控制項名稱

★ value: input控制項中的預設文字值

★ size: input控制項在頁面中的顯示寬度

★ readonly: 控制項內容為唯讀

★ disabled: 第一次載入頁面時禁用該控制項(顯示為灰色)

★ checked: 定義選擇控制項預設被選中項(單選框,核取方塊)

★ maxlength:控制項允許輸入的最大字元數

示例:

#單行文字輸入框text:

使用者名稱:注:用value屬性設定預設值

#單選框radio:

性別:男

女注:1、只有將name的值設定相同的時候,才能實現單選效果。

2、checked=」checked」 設定預設選擇項。

#核取方塊checkbox:

財經汽車

科技#檔案域file:

#提交按鈕submit:

注:可以實現資訊提交功能

#普通按鈕button:

注:不能提交資訊,配合js使用。

注:可實現資訊提交功能

#重置按鈕reset:

注:將資訊重置到預設狀態

◆ textarea控制項: 如果需要輸入大量的資訊,就需要用到標記。

★ cols:相當於寬度

★ rows:相當於高度

示例:

顯示效果:

◆ select控制項:

可以用來生成下拉列表。

格式:

選項1

選項2 ...

屬性:

multiple="multiple": 將下拉列表設定為多選項

size="10": 指定下拉列表的可見選項數

selected="selected": 設定為預設選中項

示例:

123

◆ 組合表單:

對表單資訊分組

表單資訊分組名稱

示例:

分組資訊

使用者名稱:

密碼   :

顯示效果:

HTML5資料之表單

表單型別 部分型別是針對移動裝置生效的,且具有一定的相容性,在實際應用當中可選擇性的使用。datetime 時間日期 表單元素 1.資料列表,與input 配合使用 智慧型下拉列表,可以模糊匹配,與select標籤明顯不同 寶馬寶駿 寶強寶寶 奧迪奧迪奧 迪奧選項1 選項1選項1 選項12.輸出資訊...

重走HTML之HTML表單

表單標籤主要是用於與web應用程式進行資料的互動,它只允許使用者使用者將資料傳送給web應用程式,網頁也可以攔截資料的傳送以便自己使用。form元素通常由一到多個表單控制項組成,這些表單控制項有單行 多行文字框,下拉列表,按鈕,核取方塊,單選按鈕,使用表單控制項時,一般要配合label標籤,用於描述...

HTML 表單之表單的屬性

在網頁製作過程中,時常會用到表單。form雙標籤被用來建立乙個表單,在form雙標籤中可以設定表單的基本屬性。真正處理表單的資料指令碼或程式在action屬性裡,這個值可以是程式或指令碼的乙個完整url。語法 action 表單的處理程式 form 語法中,表單的處理程式定義的表單是要提交的位址,也...