HTML知識點總結(四) form表單

2021-10-16 09:27:06 字數 1514 閱讀 1460

html知識點總結
一、什麼是form表單

用於收集使用者資訊,如:登入、註冊等場景;所有要提交的資料都必須放在form標籤中。 乙個完整的表單包含三個基本組成部分:表單標籤、表單域、表單按鈕。

二、關於form表單中的標籤以及屬性

(1)私有屬性

method:提交方法,有get和post兩種提交方法,預設為get。

get(預設):

1.將資料拼接在閱覽器位址上

2.安全性低

3.只能提交輕量級資料

post:

1.將資料封裝在請求體中

2.安全性高

(2)input標籤

1.:輸入框

2.name:指定名字,因為提交的是鍵值對,所以必須要指定名字,否則無法提交,即使提交了也沒有意義。

2.value:

a.寫在按鈕上 修改按鈕名稱。

b.寫在輸入框 是給輸入框乙個預設值。

c.寫在單選或者多選框內 代表互動資料的value。

3. placeholder:佔位內容,通常用於提示。

username:
4.readonly:唯讀模式,設定後無法修改輸入框的內容。

5.disabled:禁用狀態。

6.size:由於輸入框是單行的,所以只能設定寬度。

7.maxlength:限制輸入框最大輸入的字元個數。

8.select:下拉框

私有屬性:

size:設定每次下拉的項數

multiple: 布林屬性 是否可以多選

disabled:禁用

子元件:

option:選項

私有屬性

selected:預設選項.

9.optgroup 標籤經常用於把相關的選項組合在一起。

分組option

lable:名字

大同

忻州太原

九江南昌 包頭

呼和浩特

**:

11.required 屬性規定必須在提交之前填寫輸入域(不能為空否則無法提交)。

(3)關於input中的type屬性

radio:單選框。

checkbox:多選框。

多選區域

愛好:籃球:足球: 排球: 毽球:

其中fildset為設定區域,checkered為預設選中,legend :設定區域標題。

button:普通按鈕。

hidden:隱藏域。

file:檔案上傳按鈕。

url:識別是否為位址。

date:選擇日期。

color:選擇顏色框。

number:數字 step:按一下加多少 max:最大是多少。

HTML知識點總結

1 html 超文字標識語言 概念 html是一種用來製作超文字文件的簡單標識語言,簡單的說就是描述網頁長什麼樣子 有什麼內容的乙個文字.2 html和xhtml的聯絡和區別 聯絡 1 都是標記語言,文件注釋都一樣。2 都可以通過dom程式設計方式來訪問 dom是瀏覽器對html文 檔的一種解析 3...

html知識點總結

1.塊級元素 內聯 行內 元素的特點 1 塊級元素 以塊顯示的元素,高度 寬度 內邊距 外邊距都可以設定,如 等在預設狀態下都是塊級元素,塊級元素獨佔一行,非塊級元素在css中可以通過display block設定成塊級元素 2 內聯 行內 元素 以文字的方式顯示,高度 寬度 內邊距 外邊距都不可改...

html知識點總結

根標籤 head body為結構化標籤 編碼字符集 gb2312 中國的國家標準第2312條 不能識別繁體 gbk 所有亞裔字符集 unicode 所有國家語言都包括 utf 8 unicode的公升級版 告訴搜尋引擎爬蟲,我們的 是關於什麼內容的 en 關於英文的 功能 1.獨成一段,2.更改字型...