1.Form標簽:用來將表單外的內容與表單進行關聯。其主要元素有input,button,select。 action屬性:指定表單的發送地址。 Novalidate屬性:數據提交時不校驗。 Target屬性:指定在何處打開指定的url。 method屬性:表單數據發送至伺服器的方法,預設屬性就是g ...
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中的內容。