1，明文輸入框
格式：賬號：<input type="text" name="aa"></br>
2，暗文輸入框
格式：<input type="password" name="bb"></br>
3，定義普通按鈕
可以通過value屬性來給按鈕指定標題，它的作用是配合JS完成一些操作。
格式：input type="button" value="我是按鈕"
4，圖片按鈕
用:配合JS完成一些操作
格式：<input type="image" src="images/register.jpg">
5，重置按鈕
作用:用于清空表單中已經(jīng)填寫好的數(shù)據(jù)。
格式：<input type="reset" value=" ">
注意：如果想想改重置按鈕默認的按鈕標題可以通過value屬性來修改
6，提交按鈕
作用:將表單中已經(jīng)填寫好的數(shù)據(jù),提交到遠程服務器
格式：<form action="http://www.baidu.com">
注意：把表單中填寫好的數(shù)據(jù)提交到遠程服務器,必須具備兩個條件：
1）需要給form表單添加一個action的屬性,通過這個action屬性指定需要提交到的服務器地址
2）需要給需要提交到服務器的表單元素添加一個name屬性
7，隱藏域
作用 : 配合提交按鈕將一些數(shù)據(jù)默默的悄悄（在用戶不知道的情況下）的提交到服務器,一般是網(wǎng)站
用來進行某些用戶調查的。
<input type="hidden" name="hx" value="wtf">
補充：1）fieldset標簽：可以給表單添加一個邊框 2）legend標簽：可以給邊框指定一個標題
? ? ? ? ? 3）單選框和多選框的name都需要指定相同的name值
其中，textarea標簽是用來在頁面中輸入文本的;cols是文本的寬度；rows是文本的高度
可以自動校驗輸入的內容是否符合郵箱的格式：郵箱：<input type="email">
可以自動校驗輸入的內容是否是URL地址:域名:<input type="url">;
輸入框中只能輸入數(shù)字:<input type="number">;
通過日歷來選擇時間:<input type="date">;
通過取色板來選擇顏色:<input type="color">。
8，label標簽
默認情況下文字和輸入框是沒有關聯(lián)關系的,也就是說點擊文字輸入框不會聚焦,如果想點擊文字時讓
對應的輸入框聚焦,那么就需要讓文字和輸入框進行綁定。輸入框和文字綁定在一起,那么我們可以使
用Label標簽。
格式：1）將文字利用label標簽包裹起來；2）給輸入框添加一個id屬性；3）在label標簽中通過for
屬性和輸入框中的id進行綁定。
<label for="account">賬號：</label><input type="text" id="account">
9，DATALIST標簽
1）datalisst標簽
它的作用是：給輸入框綁定待選項。
2）格式
<datalist>
? ? ? ? ? <option>待選內容</option>
</datalist>
3）給一個輸入框綁定待選列表
（1）編寫一個輸入框；
（2）編寫一個datalist標簽；
（3）給datalist設置一個ID；
（4）給輸入框添加一個list屬性，將datalist的id的值賦給list屬性。
例如：
10，select標簽跟textarea標簽
1)select標簽
作用：用來定義下拉列表
格式：
<select>
? ? ?<optgroup label="分組名稱">
? ? ? ? ? <option>列表數(shù)據(jù)</option>
? ? ?</optgroup>
</select>
例如：
注意：
（1）下拉列表不能輸入內容, 但是可以直接在列表中選擇內容；
（2）可以通過給option標簽添加一個selected屬性來指定列表的默認值；
（3）可以通過給option標簽包裹一層optgroup標簽來給下拉列表中的數(shù)據(jù)分類。
2)textarea標簽
作用：定義一個多行輸入框。
格式：<textarea>
? ? ? ? ? ?</textarea>
注意：
（1）默認情況下輸入框可以無限換行；
（2）默認情況下輸入框有自己的寬度和高度；
（3）可以通過cols和rows來指定輸入框的寬度和高度, 但是雖然指定了列數(shù)和行數(shù), 但是還是可以無
限往下輸入；
（4）默認情況下輸入框是可以手動拉伸的。要想輸入框固定，就要使用CSS:
<style type="text/css">
? ? ? textarea{
? ? ? ? ? ?resize:none;
? ? ? }
</style>
其中resize標簽的調整大小的意思。
