為什么需要表單：
使用表單目的是為了收集用戶信息沾凄。在我們網(wǎng)頁中， 我們也需要跟用戶進行交互捉捅，收集用戶資料，此時就需要表單虽风。
表單的組成：
在 HTML 中棒口，一個完整的表單通常由表單域寄月、表單控件（也稱為表單元素）和 提示信息3個部分構(gòu)成。
表單域：
表單域是一個包含表單元素的區(qū)域无牵。在 HTML 標簽中漾肮，
<form>標簽用于定義表單域，以實現(xiàn)用戶信息的收集和傳遞茎毁。<form>會把它范圍內(nèi)的表單元素信息提交給服務器.實現(xiàn)代碼：
<form action=“url地址” method=“提交方式” name=“表單域名稱">各種表單元素控件</form>-
表單域的常用屬性：
表單常用屬性.png
表單控件(表單元素)
在英文單詞中克懊，input 是輸入的意思，而在表單元素中
<input>標簽用于收集用戶信息七蜘。在<input>標簽中谭溉，包含一個 type 屬性，根據(jù)不同的 type 屬性值橡卤，輸入字段擁有很多種形式（可以是文本字段扮念、復選框、掩碼后的文本控件蒜魄、單選按鈕扔亥、按鈕等）场躯。實現(xiàn)代碼：
<input type="屬性值" />-
type 屬性的屬性值及其描述如下：
表單標簽.png
除 type 屬性外谈为，<input>標簽還有其他很多屬性，其常用屬性如下：
label 標簽
-
<label>標簽為 input 元素定義標注（標簽）踢关。<label>標簽用于綁定一個表單元素, 當點擊<label>標簽內(nèi)的文本時伞鲫，瀏覽器就會自動將焦點(光標)轉(zhuǎn)到或者選擇對應的表單元素上,用來增加用戶體驗. - 語法：
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
- 核心：
<label>標簽的 for 屬性應當與相關(guān)元素的 id 屬性相同。
select 表單元素
使用場景: 在頁面中签舞，如果有多個選項讓用戶選擇秕脓，并且想要節(jié)約頁面空間時，我們可以使用
<select>標簽控件定義下拉列表儒搭。語法：
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
...
</select>
textarea 表單元素
- 使用場景: 當用戶輸入內(nèi)容較多的情況下吠架，我們就不能使用文本框表單了，此時我們可以使用
<textarea>標簽搂鲫。 - 在表單元素中傍药，
<textarea>標簽是用于定義多行文本輸入的控件。 - 使用多行文本輸入控件魂仍，可以輸入更多的文字拐辽，該控件常見于留言板，評論擦酌。
- 語法：
<textarea rows="3" cols="20"> 文本內(nèi)容 </textarea> - 通過
<textarea>標簽可以輕松地創(chuàng)建多行文本輸入框俱诸。cols=“每行中的字符數(shù)” ，rows=“顯示的行數(shù)”赊舶，
表單元素我們學習了三大組：input 輸入表單元素睁搭、select 下拉表單元素赶诊、textarea 文本域表單元素，這三組表單元素都應該包含在form表單域里面,并且有name 屬性.
具體代碼：
? <form>
? <input type=“text " name=“username”>
? <select name=“jiguan”>
? <option>北京</option>
? </select>
? <textarea name= "message">
? </textarea>
? </form>
有三個名字非常相似的標簽:
表單域form——使用場景：提交區(qū)域內(nèi)表單元素給后臺服務器文件域
file是input type 屬性值——使用場景: 上傳文件文本域
textarea——使用場景: 可以輸入多行文字, 比如留言板介袜、網(wǎng)站介紹等…
