課程任務(wù)
- form表單有什么作用阔逼？有哪些常用的input 標(biāo)簽她按，分別有什么作用床未？
HTML 表單用于搜集不同類型的用戶輸入医舆。
常見input標(biāo)簽及其作用：
<input type="text">:定義用于文本輸入的單行輸入字段（默認(rèn)寬度為20個字符）
<input type="password">:定義密碼字段
<input type="radio">:定義單選按鈕俘侠，允許用戶在有限數(shù)量的選項(xiàng)中選擇一個
<input type="checkbox">:定義復(fù)選框
<input type="submit">:定義用于向表單處理程序提交表單的按鈕象缀。
<input type="button">:定義按鈕
<input type="number">:用于應(yīng)該包含數(shù)字值的輸入字段
<input type="date">:用于應(yīng)該包含日期的輸入字段
<input type="color">:用于應(yīng)該包含顏色的輸入字段，根據(jù)瀏覽器支持爷速，顏色選擇器會出現(xiàn)輸入字段中央星。
特別注意的一個類型：
type=hidden
通常稱為隱藏域：如果一個非常重要的信息需要被提交到下一頁，但又不能或者無法明示的時候遍希。
總之等曼，你在頁面中是看不到hidden在哪里。最有用的是hidden的值凿蒜。
<form name="form1">
your hidden info here:
<input type="hidden" name="yourhiddeninfo" value="cnbruce.com">
</form>
<script>
alert("隱藏域的值是 "+document.form1.yourhiddeninfo.value)
</script>
（舉例:這個屬性常常被用在表單提交時生成一個隨機(jī)的碼禁谦，服務(wù)器可以根據(jù)這個碼驗(yàn)證請求是否過期，用于防止惡意的多次請求發(fā)送废封。）
- post 和 get 方式的區(qū)別州泊？
- 安全性
如果用get提交一個驗(yàn)證用戶名和密碼的form，一般認(rèn)為是不安全的漂洋，因?yàn)橛脩裘兔艽a將出現(xiàn)在URL上遥皂，進(jìn)而出現(xiàn)在瀏覽器的歷史記錄中。
顯然刽漂，在對安全性有要求的情況下演训，應(yīng)該使用post。 - 提交數(shù)據(jù)的長度
IE將請求的URL長度限制為2083個字符贝咙，從而限制了get提交的數(shù)據(jù)長度样悟，如果URL超出了這個限制，提交form時IE不會有任何反映庭猩。
3.緩存
由于一個get得到的結(jié)果直接對應(yīng)到一個URL窟她，所以get的結(jié)果頁面有可能被瀏覽器緩存，而post一般不能蔼水。
正確使用：
如果提交請求純粹只是從服務(wù)器端獲取數(shù)據(jù)而不是進(jìn)行其他操作震糖，并且多次提交不會有明顯的副作用，應(yīng)該使用get趴腋。
比如：搜索引擎的查詢(http://www.google.com/search?q=abc)
如果提交這個請求會產(chǎn)生其他操作和影響吊说，就應(yīng)該使用post。
比如：修改服務(wù)器上數(shù)據(jù)庫中的數(shù)據(jù)优炬；發(fā)送一封郵件疏叨；刪除一個文件等
參考：form表單中method的get和post區(qū)別
3.在input里，name 有什么作用穿剖？
name 屬性規(guī)定 input 元素的名稱，只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值卦溢。
- radio 如何 分組?
把radio同組的name屬性設(shè)為相同糊余。
舉例：
<input type="radio" name="sex" value=“man">男
<input type="radio" name="sex" value="woman">女
- placeholder 屬性有什么作用?
placeholder屬性能夠讓你在文本框里顯示提示信息秀又，一旦你在文本框里輸入了什么信息，提示信息就會隱藏贬芥。
6.type=hidden隱藏域有什么作用? 舉例說明
隱藏域在頁面中,用戶是不可見的吐辙，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用蘸劈。
具體的例子 問題1已經(jīng)簡單介紹昏苏，不再贅述。
- 寫一篇博客簡單介紹 HTML 表單的用法威沫，附上博客鏈接
8.實(shí)現(xiàn)如下表單,附上預(yù)覽地址贤惯。其中性別和取向是單選，愛好是多選
作品：用jsbin實(shí)現(xiàn)
