◆ 表單的作用:
主要負責資料採集功能。
◆ 表單域:
相當於乙個容器,用來容納所有的表單控制項和提示資訊,定義處理表單資料所用程式的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 語法中,表單的處理程式定義的表單是要提交的位址,也...