html的form知識點及新增元件,屬性

2021-10-09 09:50:24 字數 2466 閱讀 9724

form:表單

action:設定當前表單的提交位址 伺服器端的位址

target:設定在本頁面提交亦或是開啟乙個新的

method:

get:

1.相對不安全

2.只內提交輕量級資料

post:

1.相對安全

2.可以提交重量級資料

通過enctype屬性設定表單資料的內容型別

multipart/form-data

不對字元編碼。在使用包含【檔案上傳控制項】的表單時,必須使用該值。資料分

成多個部分,每個部分代表乙個結構良好的控制項,作為文件資料流的一部分,每一

個部分都按照它們在文件資料流**現的順序依次傳送到伺服器端,並且,每一部

分的邊界不會出現在資料中。每一部分有乙個content-desposition標題頭,它的值的

格式是: content-disposition:form-data;name=「mycontrol」

text/plain

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

元件:input

type

text 單行文字框

password 密碼框,輸入的內容將會被遮擋。

checkbox 核取方塊,必須使用value屬性來描述該元件所提交的值,使用checked屬性預設選

中。radio 單選按鈕,必須使用value屬性來描述該元件所提交的值,使用checked屬性預設

選中。乙個單選按鈕組中所有元件都應該具有相同的name值,這樣,每次只能選中按鈕組中的

某乙個元件

submit 提交按鈕

reset 重置按鈕

file 檔案按鈕,該元件用於選中檔案系統中的某個檔案

hidden 隱藏域,該元件不顯示在頁面中,但是其值會被提交。

image 影象按鈕,必須使用src來載入,使用alt來宣告替換文字。

button 普通按鈕

name  (鍵)

設定與後台互動的屬性的屬性名

name所定義的屬性是後端拿到的物件資料的乙個屬性

value(值)

文字:預設輸入的內容

按鈕:按鈕的名稱

多選框、單選框

checked

單選、多選

布林readonly:

readinly='readonly'

readonly=true;

readonly='true'

readonly

disabled: 禁用當前

required: 必填項

placeholder 提示資訊

select: 屬性:

size(預設顯示幾個下拉項) mutiple 按住shift可以多選 disbled

option:

name

value:不寫的情況下,預設為標籤的內容

disabled

selected: 預設選中這個按鈕

optgroup

label

button:

寫在表單內的button 會預設具有reset屬性

寫在普通位置的button 具有button屬性

type:

submit

reset

button

textarea:

wrap:

off 關閉換行

hard自動硬回車換行,換行元素一同被傳送到伺服器中

soft自動軟回車換行,換行元素不會傳到伺服器中

disabled 表示禁用元件,禁用元件的值也不能被提交

readonly 表示該元件唯讀,其值依然會被提交label:

男:1.

男:

2. 男:

男:

女:

h5新增的

form:

元件:progress

...input:

type:

color

telurl

email

number

date

...屬性

form

在h5中,可以將表單內的從屬元素書寫在頁面上的任何地方,然後為該元素指定一

個form屬性,屬性值為該表單的id。

formaction 一般用於提交按鈕和按鈕上,用於指定處理表單提交的後台程式,可以重寫

form中的action屬性。

formenctype 一般用於提交按鈕和按鈕上,用於指定處理表單的內容型別。

formmethod 一般用於提交按鈕和按鈕上,用於指定表單的提交方式。

formnovalidate 一般用於提交按鈕和按鈕上,布林型別,提交時表單不被驗證。

formtarget 一般用於提交按鈕和按鈕上,用於指定表單提交後在**顯示響應頁面

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

html知識點總結一 什麼是form表單 用於收集使用者資訊,如 登入 註冊等場景 所有要提交的資料都必須放在form標籤中。乙個完整的表單包含三個基本組成部分 表單標籤 表單域 表單按鈕。二 關於form表單中的標籤以及屬性 1 私有屬性 method 提交方法,有get和post兩種提交方法,預...

HTML小知識點

body 標準樣式 html 塊級元素div,dl dt dd 定義列表 hr 水平分隔線 p,ol,ul 非排序列表 table input,label br 換行 b 加粗 i 斜體 img 標籤 span 常用內聯容器,定義文字內區塊 select option 選擇元素,strong 粗體加...

HTML知識點總結

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