總結
一、表單概述
1.什麼是表單：表單是一塊可採集使用者資料的區域：表單對後端開發者至關重要
2.如何建立表單區域：
a)用form元素表示表單
b)用action屬性表示表單的提交位址
c)用method屬性表示表單的提交方式
d)在製作靜態頁面時，可不用書寫上述的屬性
e)在製作靜態頁面時，建議不要設定form元素的樣式
3.表單中可放置哪些元素
a)對於靜態頁面的開發者，表單只是乙個普通的塊盒，內部可放置任何元素
b)通常情況下，表單中會放置一些可以與使用者進行互動的元素
文字框
點選按鈕
提交按鈕
核取方塊
單選框
檔案上傳
密碼
重置按鈕
隱藏
數字框
滑塊數字
日期框
年月框
一年中的第幾周
時間
下拉列表：
分組
多行文字
分組資訊
屬性：name：傳送到伺服器的鍵名 value：傳送到伺服器的值
maxlength：長度 required：要求必須填
pattem：填寫規則 disabled：禁用
placeholder：提示 readonly：唯讀
autocomplete：自動識別 selected：選擇
size：展示個數 關聯
由於這些互動元素通常出現在表單中，因此，我們常稱之為表單元素
4.表單元素的兩個重要屬性
name屬性：表示傳送到伺服器的鍵名
value屬性：表示傳送到伺服器的值
二、表單元素—文字框
使用input元素表示乙個文字框：input是乙個空元素
可通過type屬性設定文字框型別
三、表單元素—按鈕
1)使用input元素或button元素表示按鈕
2)按鈕有很多種
a)普通按鈕：點選後沒有任何額外的效果
b)重置按鈕：必須出現在表單中，點選後將其他表單元素重置為初始值
c)提交按鈕：必須出現在表單中，點選後會將表單資料提交到伺服器
d)
3)input和button的比較
a)input是空元素，button是普通元素
b)input是舊版本中的元素，button是html5中的元素
c)input按鈕中只能寫文字，button的內容更加豐富
d)input的相容性更好，button稍差
四、表單元素—下拉列表
使用select和option元素的組合表示下拉列表
下拉列表的型別：普通的下拉列表
選項分組的下拉列表
五、表單元素—資料列表和多行文字框
使用datalist元素表達資料列表
使用textarea元素表達多行文字框
六、表單元素的分組和狀態
使用fieldset和legend元素，對表單內容進行分組
使用disabled屬性和readonly屬性，設定表單元素的可用狀態
七、美化表單元素
1、偽類focus：表示聚焦時候的樣式，常用於表單元素
2、認識表單元素的預設樣式
表單元素均預設為行盒——水平排列
表單元素均為可替換元素——可設定盒模型中各個部分的尺寸
文字框聚焦時會有outline
Form表單標籤的Enctype屬性
enctype 指定將資料回發到伺服器時瀏覽器使用的編碼型別。用於表單裡有上傳。編碼型別有以下三種 multipart form data 不對字元編碼，在使用包含檔案上傳控制項的表單時，必須使用該值 text plain 窗體資料以純文字形式進行編碼，其中不含任何控制項或格式字元。例子 encty...
form表單標籤的enctype屬性
form表單中的enctype屬性的三點作用如下 二 multipart form data 這個是專門用來傳輸特殊型別資料的，如我們上傳的非文字的內容，比如或者 等。這種編碼型別不對字元編碼，資料通過二進位制的形式傳送到伺服器端，這時如果用request是無法直接獲取到相應表單的值的，而應該通過s...
html5 表單屬性及 標籤
標籤 定義和用法 宣告必須位於html 5 文件中的第一行，也就是位於標籤之前。該標籤告知瀏覽 器文件所使用的html 規範。doctype 宣告不屬於html 標籤 tag 它是一條指令，告訴瀏覽器編寫頁面所用的標記的版本。在所有html 文件中規定doctype 是非常重要的，這樣瀏覽器就能了解...