前集回顧：《HTML學習筆記》
【1】
【2】
【3】

3 HTML標籤

3.18 表單

• <form>標籤【表單標籤】

	<form action="" method="">
			
	</form>

• action=""【提交位置】
• method=""【提交方式】

• • get：能提交的資料量小，提交得快，不安全
• • post：能提交的資料量多，提交得相對慢，相對安全

表單控制元件

3.18.1 input 【輸入】-特殊的行內塊標籤

• type="text" 【文字框】，預設寬度是20字元

• type="password" 【密碼框】

• type="button" 【按鈕】

• type="submit" 【提交按鈕】，把表單裡的資料（get/post）提交到action指定的位置

• type="reset" 【清空輸入】，重置到預設狀態

• type="radio" 【單選】，多個一起出現，需要用name進行分類，同樣的name才會互斥

• type="checkbox" 【多選】

• type="hidden" 【隱藏域】，使用者看不見的區域，用於提交不想讓使用者看到的資料

• type="file" 【上傳檔案】，如使用，則表單提交（資料傳遞）方式需要用post，（get約只有2~3kb）

• 屬性

• 1. value：文字框裡的【預設值】，當不填時，預設是空字串
• 2. placeholder：文字框裡的【提示資訊】，當不填時，預設是"請輸入"
• 3. name：文字框資訊的【鍵】，只在提交之後才有用-name與value構成一組鍵值對
• 4. disabled：【禁用文字框】，設定或不設定值都可以

3.18.2 textarea 【多行文字域】-雙標籤

• 屬性：

• 1. rows【行】高度
• 2. cols【列】寬度

• 因為樣式太自由，導致基本沒人用

3.18.3 select 【選擇】

• 與 option 【選項】組合，形成下拉框
• select屬性

• 1. multiple：允許【多選】
• 2. size：【框大小】一次顯示幾個選項

• option屬性

• 1. selected 【預設選中】預設狀態

3.18.4 其他

input

• type="color"- 【選色】
• type="date"/"month"/"week"-【時間】