1.Form標簽:用來將表單外的內容與表單進行關聯,其主要元素有input,button,select,
action屬性:指定表單的發送地址,
Novalidate屬性:資料提交時不校驗,
Target屬性:指定在何處打開指定的url,
method屬性:表單資料發送至服務器的方法,默認屬性就是get,常用的有:get和post,
Get:資料會附在網址之后主動提交給服務器,
Post:資料不會附在網址后,會將資料打包發送給服務器,等候服務器來讀取資料,

2.Input標簽:
Type屬性:指定輸入內容的型別,默認是text單行文本框,其他型別:
①Text,Password,checkbox(checked設定默認值),radio(checked設定默認值,且必須將同一組單選項設定一個相同的name),
②submit,reset,button,
③image(圖片式提交按鈕),hidden(隱藏欄位),
④email(郵箱- -會校驗),tel(電話- - 不會校驗),url(一個網址- -會校驗),
⑤number(配合max/min/step/value規定最大值/最小值/步長/默認值);
range(同number,也是表示一定范圍的數值輸入,但是是以活動條的狀態顯示),
⑥color(建立一個顏色的選擇輸入框);
時間類(datetime-local,date,month,week,time),
⑦Search(建立一個搜索框,供用戶輸入搜索的關鍵詞);
File(創建一個檔案選取的輸入框,可通過accept屬性規定選取檔案的型別,Multipe可以設定一次允許選擇多個檔案,)
Name屬性:輸入內容的識別名稱,傳遞引數時的引數名稱,
Value屬性:默認值,
Size屬性:可以使文本框變長,
Maxlength屬性:輸入的最大字數,
Readonly屬性:只讀屬性,設定的內容不可變更,
Disabled屬性:設定為不可用(不可操作),
Required屬性:設定該內容為必須填寫項,否則無法提交,
Placeholder屬性:當文本框活得焦點時被清空,
Autocomplet屬性:屬性值為on/off,定義是否開啟瀏覽器自動記憶功能,
autofocus屬性:自動獲得焦點,
Accesskey屬性:指定快捷鍵(指定快捷鍵后,按alt+快捷鍵便可以自動或得焦點,)
Tabindex屬性:指定按tab鍵時,專案間的移動順序,
3.button標簽:與input標簽建立的按鈕相同(在form中盡量用input,其他地方可以用button)
Type屬性:值有submit、reset、button
Name/value/disable屬性:同input
Autofocus屬性:按鈕自動獲得焦點
Form屬性:設定按鈕屬于哪個表單
Formmethod屬性:誰當表單提交方式,將覆寫之前的提交方式
Formnovalidate屬性:
Formaction屬性:指定表單發送的物件url
Formenctype屬性:指定表單資料發送型別
Formtarget屬性:

4.Select標簽和datalist標簽:


5.Label標簽:作用是點標簽上的字也能選中復選框,

6.optgroup標簽:作用是分組,


7.textarea標簽:多行文本框,


8. output標簽:for元素定義輸出域相關的元素,
oninput表單事件:當用戶對元素資料輸入的時候觸發,
parseInt()函式:決議字串,回傳一個整數,


9. progress標簽:進度條,屬性有:max,value進度條當前值,form,
meter標簽:度量條,屬性有:max,min,value,form,low低標準,high高標準(高低標準區域與中間區域顏色不一樣),


10. fieldset標簽:將表單內相關元素分組,通常會有一個邊框,
legend標簽:為fieldset定義一個標題,


11. keygen標簽:建立一個密鑰生成器,當提交表單時,私鑰存盤在本地,公鑰發送到服務器,主要作用是提供一種用戶驗證身份的方法,
①屬性有:name,form,autofocus,disabled.
②challenge屬性:將keygen的值設定在提交時間,
③keytype屬性:定義密鑰型別,如RSA密鑰,

12. pattern屬性:設定輸入型別的正則運算式,

13.details標簽:用于描述檔案的細節,open屬性規定頁面上的details是可見的,
summary標簽:為details定義標題,用戶點擊標題時,會顯示出details中的內容,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/122008.html
標籤:Html/Css
上一篇:CSS3-transition
