表單
組成：由表單域，表單空控件（表單元素），提示信息三大部分組成
1.表單域：是一個包含表單元素的區域
1.用<from>雙標簽用於定義表單域，以實現用戶信息的收集和傳遞，<from>會把它范圍內的表單元素信息提交給服務器
2.表單域常用屬性：
action屬性 屬性值是url地址，用於指定接受並處理表單數據的服務器程序的url地址
method屬性 屬性值是get/post,用於設置表單數據的提交方式
name屬性 屬性值是程序員自定義名稱，用於指定表單的名稱，以區分同一個頁面中的多個表單域
3. 以上屬性在學習了后端編程時會再了解
<body>
<form action ="url地址" methond="提交方式" name="表單域名稱">
各種表單域控件
</form>
</body>
2.表單空控件（表單元素）
1.在表單域中可以定義各種表單元素，這些表單元素就是允許用戶在表單中輸入或選擇的內容控件
2.分為input輸入表單元素，select下拉表單元素，textarea文本域元素
<input>輸入表單元素
<input>是一個單標簽，其后的反斜杠在HTML5中可以不寫<input type="屬性值">
<input>標簽用於收集用戶信息，此標簽中包含一個必需的type屬性，用type屬性來區分輸入字段的很多種形式，可以是文本框，復選框，掩碼后的文本控件，單選按鈕等等；
<input>的type屬性可以取得屬性值：
type="text",文本框，用於定義單行輸入字段，用戶可以在其中輸入文本，默認寬度是20個字符
type="password",密碼框，用於定義密碼字段，該字段中的字符會被掩碼，即以小黑點顯示
type="radio",單選按鈕
type="chekbox",復選框
type="submit",提交按鈕，提交按鈕會把表單數據發送到服務器
提交按鈕上有提交二字，可以利用input 的value屬性來取代“提交”，顯示其他文本形式
type="reset",重置按鈕，重置按鈕會清除表單中的用戶輸入的所有數據，恢復到表單的默認形式
重置按鈕上有提交二字，可以利用input 的value屬性來取代“重置”，顯示其他文本形式
type="buttom",普通按鈕，定義可點擊按鈕，點擊會來做另一件事，可以利用input 的value屬性來顯示點擊此處的目的文本
type="file",文件域，按此按鈕，會上傳文件，就是可以選擇電腦文件來上傳；
<input>標簽的其他屬性：
name屬性：屬性值是自定義的，用於定義input元素的名稱，
特別注意：單選按鈕中的各個選項必須有相同的name,才可實現單選；
復選框中的各個選項必須有相同的name,才可實現多選
value屬性：屬性值是自定義的，用於定義input元素的值
value="文本"，可以在文本框，有些按鈕（上文提到的提交，重置，普通按鈕），可以直接顯示value 的屬性值，即一些文本
checked屬性：屬性值是checked,即checked=“checked”，主要是針對單選按鈕和復選框，它的作用是規定此input元素首次加載時應當被選中，就是當頁面打開時，就默認選擇的選項,直接寫一個checked也可以
<body>
<form action ="url地址" methond="提交方式" name="表單域名稱">
<!--單選按鈕-->
男<input type="radio" name="sex" value="男" checked>
女<input type="radio" name="sex" value="女" />
<br>
<--!多選框-->
睡覺<input type="checkbox" name="hobby" checked>
吃飯<input type="checkbox" name="hobby">
玩<input type="checkbox" name="hobby" />
</form>
</body>
maxlength屬性：屬性值是正整數，規定輸入字段的字符的最大長度
注意：name和value是每個表單元素都有的屬性，主要是給后台開發人員看的
name屬性：當前input 表單的名字，后台可以通過這個name屬性找到這個表單
主要用來區分不同的表單
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
此處的action ="biao.html"，是此html文件同級目錄下的html文件
<body>
<form action ="biao.html" method="post" name="lianxi">
<!--text文本框 用戶可以輸入文字，其中value值的文本會顯示出來-->
用戶名：<input type="text" name="username" value="請輸入用戶名" maxlength="16"> <br>
<!--password 密碼框-->
密碼:<input type="password" name="pwd"> <br>
<!--radio單選按鈕,實現多選一-->
男<input type="radio" name="sex" checked>
女<input type="radio" name="sex" />
<br>
<!--checkbox多選框-->
睡覺<input type="checkbox" name="hobby" checked>
吃飯<input type="checkbox" name="hobby">
玩<input type="checkbox" name="hobby" />
<br>
<!--submit提交按鈕,按鈕上顯示value的屬性值-->
<input type="submit" value="免費注冊"> <br>
<!--reset重置按鈕,按鈕上顯示value的屬性值-->
<input type="reset" value="重新填寫"> <br>
<!--button普通按鈕,按鈕上顯示value的屬性值-->
<input type="button" value="獲取短信驗證碼"> <br>
<!--file文件域，上傳文件使用-->
上傳頭像：<input type="file">
</form>
</body>
</html>
<label>標簽,經常與input元素搭配使用
- 像“用戶名”后跟一個文本框，我們要在文本框中輸入內容時，需要先點擊一下文本框，才可以往里面輸入內容，若鼠標點擊“用戶名”時就可以輸入內容；
或者像各種按鈕，有時按鈕過小，不易點擊，當我們點擊按鈕旁的文字時就可以選中，使用<label>雙標簽就可以實現，提高用戶體驗 - 需要兩步：
<label>開始標簽里添加for="自定義標記"<label>內容<label>
在相應的標簽中添加id="自定義標記"
<!--text文本框 用戶可以輸入文字，其中value值的文本會顯示出來-->
<label for="biao">用戶名：</label><input type="text" id="biao" name="username" value="請輸入用戶名" maxlength="16">
3.select下拉表單元素 ,嵌套在表單<form>中
- 在頁面中，如果有多個選項讓用戶選擇，並且想節約頁面空間時，可以使用
<select>雙標簽定義下拉列表 - 語法：
籍貫：
<select>
<option>山東</option>
<option selected="selected">北京</option>
<option>上海</option>
</select>
- 在
<select>中至少包含一對<option> - 在
<option>中定義selected="selected"時，當前項就是默認選中
4.textarea文本域表單元素：嵌套在表單<form>中
- 文本框只能單行寫，而文本域可以寫好幾行，所以當用戶輸入的內容較多的情況下，就不使用文本框表單
<input type="text">了，使用<textarea>雙標簽來定義多行文本輸入的控件，常用於留言板，評論等
2.<textarea>文本<textarea>，其中的文本可以在文本域中直接顯示出來
<textarea>
請開始你的自我介紹：
</textarea>
- 文本域的大小會在css中學習