#028_Pro_Forms
? ? 今天我們通過做一個(gè)小小的頁面，來學(xué)習(xí)關(guān)于表單的內(nèi)容。HTML 表單用于收集用戶輸入。表單元素有許多不同類型，例如：復(fù)選框、單選按鈕、提交按鈕等等。這些是經(jīng)常會(huì)用到的網(wǎng)頁交互元素。
簡單的輸入
? ? 首先，我們需要“圈出一塊地”用于建設(shè)表單，這里用 form 標(biāo)簽，其閉合區(qū)域用于構(gòu)建表單元素。
<form action="向服務(wù)器提交表單的地址" method="數(shù)據(jù)交換方式" />
? ? 其中，action 定義在提交表單時(shí)執(zhí)行的動(dòng)作。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常，表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁。method 屬性的值有 post / get 兩種。
????值得注意的是，如果表單提交是被動(dòng)的（比如搜索引擎查詢），并且沒有敏感信息，可以使用 get 。但是表單正在更新數(shù)據(jù)，或者包含敏感信息（例如密碼），一定要使用 post 。post 擁有更高的安全性，因?yàn)樵陧撁娴刂窓谥斜惶峤坏臄?shù)據(jù)是不可見的。
表單示范
? ? 這里先學(xué)習(xí)四個(gè)：標(biāo)簽 label 、輸入框 input、文本區(qū) textarea ?和按鍵 submit。
???如果要正確地被提交，每個(gè)輸入字段必須設(shè)置一個(gè) name 屬性，這個(gè) name 屬性就像是一個(gè)變量，裝載這個(gè)輸入元素的值，然后在提交的時(shí)候，通過這個(gè)變量提交出去。
? ? 盡量不要在元素上增加樣式，要到樣式表上做統(tǒng)一的修改。樣式上的屬性都是以前教過的不再重復(fù)，除了 label 的 display 是規(guī)定元素應(yīng)該生成的框的類型，這里顯示塊狀框。對待 textarea 和普通的 div 有點(diǎn)相像，直接設(shè)置長寬，當(dāng)然需要?jiǎng)e的樣式可以自行搜素。
輸入類型
????可能大家回注意到，上面例子中的輸入框和提交按鍵，都是用 input 元素做出來的，這就涉及到 input 的 type 屬性，
? ? input ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?默認(rèn)輸入文本框
? ? input type="checkbox" ? ? ? ? ? ? 復(fù)選框
? ? input type="radio" ? ? ? ? ? ? ? ? ? ?單選按鈕
? ? input type="submit"?????????????????定義用于向表單 處理程序 提交表單 的按鈕。??
? ? 最后，動(dòng)手實(shí)現(xiàn)試試看吧~
