表單標籤
1，在HTML中，一個完整的表單通常由表單域，表單控件（也稱表單元素）和提示信息3個部分組成
2，表單域：表單域是一個包含表單元素的區域
1)，在HTML中，<form>標籤用於定義表單域，以實現用戶信息的收集和傳遞。<form> 會把他範圍內的表單元素信息提交給服務器
2)，格式
<form action="url地址" method="提交方式" name="表單名稱">
各種表單元素控件
</form>
3)，常用屬性：
action 屬性值 ：URL地址 作用： 用於指定接收並處理表單數據的服務器程序的URL地址
method get/post 用於設置表單數據的提交方式，其取值爲get/post
name 名稱 用於指定表單的名稱，以區分同一個頁面中多個表單域
3，表單控件（表單元素）
1）說明：在表單中可以定義各種表單元素，這些表單元素就是允許用戶在表單中輸入或者選擇的內容控件
2）成員
A, input輸入表單元素 ：用於收集用戶信息
1,type屬性：在<input>標籤中，包含type屬性，根據不同的type值，輸入字段有很多種形式（文本，字段，複選框，掩碼後的文本控件，單選按鈕，按鈕等）
格式：
<input type="屬性值" />單標籤
屬性值 描述
button 定義可點擊按鈕（多數情況下，用於通過JavaScript啓動腳本）
check 定義複選框
file 定義輸入字段和“瀏覽”按鈕，共文件上傳
hidden 定義隱藏的輸入字段
image 定義圖像形式的提交按鈕
password 定義密碼字段，該字段中的字符被掩飾
radio 定義單選按鈕
reset 定義重置按鈕，重置按鈕會清除表單中的所有數據
submit 定義提交按鈕。提交按鈕會把表單數據發送到服務器
text 定義單行的輸入字段，用戶可在其中輸入文本。默認寬度爲20個字符
2, name屬性：
屬性值 ：由用戶自定義 描述：定義input元素的名稱
3, value屬性：
屬性值：用戶自定義 描述：規定input元素的值
4, checked屬性：
屬性值：checked 描述：規定input元素首次加載時應當被選中
5,maxlength屬性
屬性值：正整數 描述：規定輸入字段中的最大長度。
6，注意：
name和value是每一個表單元素都有的屬性值，主要給後臺人員使用
name表單元素的名字，要求單選按鈕和複選框有相同的name值
7，示例：
<form action="xxx.php" method="get">
<!-- text 文本框 用戶可以裏面輸入任何文字 -->
用戶名: <input type="text" name="username" value="請輸入用戶名" maxlength="6"> <br>
<!-- password 密碼框 用戶看不見輸入的密碼 -->
密碼: <input type="password" name="pwd" > <br>
<!-- radio 單選按鈕 可以實現多選一 -->
<!-- name 是表單元素名字 這裏性別單選按鈕必須有相同的名字name 纔可以實現多選1 -->
<!-- 單選按鈕和複選框可以設置checked 屬性, 當頁面打開的時候就可以默認選中這個按鈕 -->
性別: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女" checked="checked"> 人妖 <input type="radio" name="sex" value="人妖"> <br>
<!-- checkbox 複選框 可以實現多選 -->
愛好: 喫飯 <input type="checkbox" name="hobby" value="喫飯"> 睡覺 <input type="checkbox" name="hobby"> 打豆豆 <input type="checkbox" name="hobby" checked="checked"> <br>
<-- 點擊了提交按鈕,可以把 表單域 form 裏面的表單元素 裏面的值 提交給後臺服務器 --> <input type="submit" value="免費註冊">
<!-- 重置按鈕可以還原表單元素初始的默認狀態 -->
<input type="reset" value="重新填寫">
<!-- 普通按鈕 button 後期結合js 搭配使用-->
<input type="button" value="獲取短信驗證碼"> <br>
<!-- 文件域 使用場景 上傳文件使用的 -->
上傳頭像: <input type="file" >
</form>
B,select下拉表單元素
1,使用場景：在頁面中，如果有多個選項讓用戶選擇，並且想要節約頁面空間，我們就可以使用<select>標籤控件定義下拉列表。
2,語法：
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
</select>
3,注意：
<select>中至少包含一對<option>
在<option>中定義select="select"時，當前項即爲默認選中項
4，實例：
<form> 語言:
<select>
<option>Java</option>
<option>C++</option>
<option>Python</option>
<option selected="selected">火星</option>
</select>
</form>
D，textarea文本域元素
1，使用場景：當用戶輸入內容較多的情況下，我們就不能使用文本框表單了，此時我們可以使用<textarea>標籤。
2，在表單元素中，<textarea>標籤適用於定義多行文本輸入的控制，使用多行文本輸入控件，可以輸入更多的文字，該控件常見於留言板，評論
3，語法：
<textarea row="3" cols="20"> 文本內容 </textarea>
4，注意：
通過<textarea>標籤可以輕鬆地創建多行文本輸入框
cols="每行中的字符數"，rows="顯示的行數"，我們在實際開發中不會使用，都是用css來改變大小的
5，代碼示例：
<form> 今日反饋:
<textarea cols="50" rows="5">寫入文本 </textarea>
</form>