重走HTML之HTML表單

2021-10-25 06:22:12 字數 1292 閱讀 1086

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

get 對應http協議的get方法,表單資料被附加在url上,使用"?"分隔

post 對應於http協議的post方法,表單資料報含在http協議的請求報文的體部。

_self,_blank,_parent,_top

multipart/form-data 不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值。

text/plain 空格轉換未「+」加號,但不對特殊字元編碼。

input表單控制項

input元件用於接受來自使用者的資料,其可用屬性如下:

type 屬性用於設定元件型別:

fieldset元件

fieldset元件用於在乙個web表單中對多個控制項和標籤進行分組,其屬性如下:

button表單元件

按鈕元件,其可用屬性如下:

type 指定控制項型別 ,其取值可以為button,submit,reset

name 按鈕名稱

label表單元件

label 用於表示某一表單元件的標題

select表單元件

select用於表示下拉列表或列表,其可用屬性如下:

option表單元件

option用於表示選項,常包含在,中,,其可用屬性如下:

optgroup表單元件

optgroup用於表示包含option的選項組,常包含在中,其可用屬性有:

textarea

texxtarea用於表示多行文字框,沒有value屬性,其值被包含在標籤內。其可用屬性如下:

重走HTML之HTML元素新增的表單元素

progress表示任務的完成清空,常用於進度條,其取值如下 例項 value 70 max 100 70 progress output表示使用者動作產生的結果,其可用屬性如下 meter元素表示規定範圍內的數量值,例如 磁碟使用量,某個候選者的投票人數佔總投票人數的比例等,其可用屬性如下 例項 ...

html基礎之表單

8.1表單的用途和屬性 資料傳遞方式 post和get。enctype屬性用於指定表單資料編碼型別。其值有以下幾種 multipart form data 窗體資料被編碼為一條訊息,頁面上的每個控制項對應訊息中的乙個部分。text plain 窗體資料以純文字形式進行編碼,其中不含任何控制項和格式字...

html之表單總結

將使用者資訊組織起來的容器。1.登入 註冊 登入時填寫使用者名稱 密碼,註冊時填寫姓名 等個人資訊。2.網上訂單 在網上購買商品,一般要求填寫姓名 付款方式等資訊。3.調查問卷 回答對某些問題的看法,以便形成統計資料,方便分析。4.網上搜尋 輸入關鍵字,搜尋想要的可用資訊。單行文字框 密碼框 單選按...