1.表單標籤（掌握）：在HTML中，一個完整的表單通常是由表單控件（也稱爲表單元素）、提示信息和表單域3個部分組成；
表單控件：包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、複選框、提交按鈕、重置按鈕等；
提示信息：一個表單中通常還需要包含一些說明性的文字，提示用戶進行填寫和操作；
表單域：它相當於一個容器，用來容納所有的表單控件和提示信息，可以通過它定義處理表單數據所用程序的url地址，以及數據提交到服務器的方法。如果不定義表單域，表單中的數據就無法傳送到後臺服務器；
2.表單控件：
input控件：<input />爲單標籤，type類型爲其最基本的屬性，取值有多種，用於指定不同的控件類型。除了type屬性之外，<input />標籤還可以定義很多其他的屬性，常用的屬性有：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input控件</title>
</head>
<body>
<hr />
<!-- 這是一個文本框 -->
<p>用戶名： <input type="text" value="請輸入您的名字！" /></p>
<!-- 這是一個密碼框，maxlength指定允許輸入的最大長度 -->
<p>密 碼： <input type="password" maxlength="8"></p>
<!-- 這是一個單選框，需要制定name屬性，告訴表單這是同一組信息 -->
<p>性 別：
男<input type="radio" name="sex" checked="checked" />
女<input type="radio" name="sex" checked="checked" />
</p>
<!-- 這是一個複選框 -->
<p>愛 好：
足球<input type="checkbox" name="hobby" checked="checked" />
籃球<input type="checkbox" name="hobby" checked="checked" />
乒乓球<input type="checkbox" name="hobby" checked="checked" />
</p>
<!-- 這是一個普通按鈕 -->
<p>搜 索：<input type="button" value="搜索" /></p>
<!-- 這是一個提交按鈕,value的默認值爲“提交”，也可以顯式指定 -->
<p><input type="submit" value="完成" /></p>
<!-- 這是一個重置按鈕 -->
<p>重 置：<input type="reset" /></p>
<!-- 這是一個圖像按鈕，只有圖片類型才能調用src屬性 -->
<p><input type="image" src="timg (8).jpg" title="美女" /></p>
<!-- 這是一個文件域 -->
<p><input type="file" /></p>
</body>
</html>
label標籤：label標籤爲input元素定義標籤，其作用是用於綁定一個表單元素，當點擊label標籤的時候，被綁定的表單元素就會獲得輸入焦點；for屬性規定label與哪個表單表單元素綁定；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Label標籤</title>
</head>
<body>
<h3>label標籤的使用</h3>
<!-- 未使用label標籤時，點擊“輸入賬號”，沒有反應，需要鼠標點擊輸入框才能開始輸入內容 -->
輸入賬號：<input type="text" /><br />
<!-- 用來label直接進行包裹之後，點擊“輸入賬號”，就可以輸入內容 -->
<label>輸入賬號：<input type="text" /></label><br />
<!-- 如果label裏面有多個標籤，可以通過for id的格式來進行,下例就是定位到輸入密碼 -->
<label for="password">
輸入賬號：<input type="text" id="UserName" />
輸入密碼：<input type="password" id="password" />
</label>
</body>
</html>
textarea控件：如果需要輸入大量的信息，就需要用到<textarea></textarea>標籤，通過<textarea></textarea>標籤可以輕鬆地創建多行文本輸入框，其基本語法格式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Textarea標籤</title>
</head>
<body>
<textarea cols="每行中的文字數" rows="顯示的行數">
大段的文本內容...；
</textarea>
</body>
</html>
select控件：下拉菜單
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Select標籤</title>
</head>
<body>
<!-- 注意：select標籤中至少要包含一堆option標籤，在option中定義selected=“selected”時，當前項即爲默認選中項 -->
籍貫：
<select>
<option>北京</option>
<option selected="selected">上海</option>
<option>湖南</option>
</select>
</body>
</html>
注意：select標籤中至少要包含一堆option標籤，在option中定義selected=“selected”時，當前項即爲默認選中項；
<p>
就業：
<input type="text" list="career" />
<datalist id="career">
<option>PHP</option>
<option>JAVA</option>
<option>JAVASCRIPT</option>
<option>Linux</option>
</datalist>
</p>
表單域：在HTML中，form標籤被用於定義表單域，即創建一個表單，以實現用戶信息的收集和傳遞，form中的所有內容都會被提交給服務器。創建表單的基本與法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form表單域</title>
</head>
<body>
<!-- 1.文件域 textarea 留言功能常用；
2.文件域 input type="file" 上傳文件等；
3.表單域 form； -->
<p>
表單域：本身是隱藏的<br />
form有三個屬性：<br />
1.Action在表單收集到信息後，需要將信息傳遞給服務器進行處理，action屬性用於指定接收並處理表單數據的服務器程序的url地址；<br />
2.Method用於設置表單數據的提交方式，其取值爲get或post；<br />
3.Name用於指定表單的名稱，以區分同一個頁面中的多個表單，在具體的表單中指定；
</p>
<form action="demo.php" method="get">
<p>用戶名：<input type="text" name="userName" /></p>
<p>密 碼：<input type="password" name="pwd" /></p>
<p><!-- 提交和重置按鈕開始在表單中起作用 -->
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</p>
</form>
<ul>
<li>method中，get方式速度略快，但是會顯示錶單的內容，不安全，不能做密碼提交，且長度有限制</li>
<li>post方法略慢一些，但是不會顯示錶單中的內容，安全一些</li>
</ul>
</body>
</html>