HTML表單標籤元素總彙1

form(形狀):定義表單的意思

form元素也是一個包含框他包含了所有的表單域元素

enctype是(包裝類型)的簡稱

該屬性將設置表單中用戶輸出的數據發送到服務器時,瀏覽器使用編碼類型

  1. application/x-www-form-urlencoded:將表單中的數據編碼爲名/值對的形式通過URL發給服務器
  2. multipart/form-data:將表格中的數據編碼爲一條消息,每個表單域對應消息中的一個部分然後通過HTTP方式發送到服務器
  3. text/plain:將表單中的數據以純文本的形式進行編碼,其中不含任何控件或格式字符。這種一般很少用也不建議使用

action屬性:用來設置表單提交數據的目標文件

該文件一般可以是任意位置和任何類型的文件

method屬性:他表示處理表單數據的方法
GEF和POST方法主要區別

  1. GET:方法是從服務器上獲取數據,而POST是向服務器上傳數據
  2. GET方法將表單中的數據以“名/值”對。的形式添加到action所設置的URL後面,並用?符號鏈接URL,各個變量之間使用&鏈接
  3. post是將表單中的數據放在form的數據體中,按照變量和值相對應的方法傳遞到action所指的URL

1、get方法所傳遞的數據以附加字符串的形式通過瀏覽器地址公共傳遞,因此所發的數據不安全的,這樣就會用一些隱私就會被第三方看到。post方法傳遞的數據對用戶來說都是不可見的,相對來說安全許多
2、由於受URL的長度限制,get方法傳遞數據小,而post可以傳遞大量的數據因此一般上傳文件只能用post方法
3、在get方法中,由於數據在URL中傳輸,因此數據的值必須爲ASCII字符,而post方法沒有字符集的限制

input(文本區域):是一個表單域對象也可以稱爲一個輸入框定義輸入區

1、該元素可以延伸很多形式的輸入框
2、到表單中包含文件域時,form元素的method屬性必須設置爲“post”,enctype屬性必須設置爲“multipart/form-data”否則提交操作會失敗

type=“text” 定義單行文本框
value:定義文本框包含的默認字符串
size:定義文本框的字符數,即文本框的高度,該屬性可以通過CSS屬性來控制的所以不需要設置
maxlength:定義文本框能夠接收的最大字符數
type=“password”,定義密碼區
type=“hidden”,定義隱蔽區

隱蔽域只包含一個value屬性,利用該屬性可以各種固定參數到服務器

type=“checkbox”、定義複選框

  1. value屬性設置複選框的傳遞值
  2. checked屬性則可以設置複選框在默認狀態下是否選擇狀態

type=“radio”,定義單選按鈕

單選按鈕就是一個圓形的選擇框,多個單選按鈕可以組成一個單選按鈕組,單選按鈕組中的input和name屬性值必須相等,這樣就可以把多個單選按鈕綁定在一起了

type=“file”,定義文件域

文件域實際上是多個表單捆綁的混合體。他包含文本框和瀏覽按鈕。type=“file” 也是目前表單中交互最重要的數據接口,用來向服務器提交大量二進制數據流

type=“submit”,定義提交按鈕

該按鈕負責提交表單數據到服務器

type=“reset”,定義重設按鈕

該按鈕能夠清空用戶輸入的數據,並恢復到默認狀態

type=“image”,定義圖像按鈕

它是普通按鈕的自定義形式,可以通過指定一個圖標來定製按鈕的樣式
1、src屬性定義圖像按鈕的URL
2、alt屬性定義圖像替換文本等

type=“button”,定義普通按鈕

該按鈕沒有動作,需要用戶通過腳本形式爲其自定義操作的動作

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章